Results 1 to 7 of 7
  1. #1
    Join Date
    Feb 2008
    Location
    Western Australia
    Posts
    192
    Plugin Contributions
    0

    Default Align Price and Image

    Can someone please point me in the right direction?

    I want to align the price over the "Add To Cart" and center the main image. I can't locate where in the css that I change this. I have added "text-align: center;" to product image but its not doing anything

    Is there a way I can add the "Description h/r" to the main code instead of having to enter it each time?

    http://www. april rose hair clips dot com/index.php?main_page=product_info&cPath=1&products_id=2

  2. #2
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,024
    Plugin Contributions
    3

    Default Re: Align Price and Image

    You could add this to your stylesheet:

    #productPrices {text-align: right; margin: 0 7em 0 0;}

    and change the margin in #productMainImage to add a lot more left margin to move the image over.

  3. #3
    Join Date
    May 2009
    Posts
    1,219
    Plugin Contributions
    2

    Default Re: Align Price and Image

    For the hr you can edit
    templates/CUSTOM/templates/tpl_product_info_display.php

    You can move the blocks of the code surronded by
    <!--bof xxxxxx -->
    <!--eof xxxxxx -->
    to suit your needs, and in case add your own css classes, and ids

    Of course what stevesh has suggested is first option.

  4. #4
    Join Date
    Feb 2008
    Location
    Western Australia
    Posts
    192
    Plugin Contributions
    0

    Default Re: Align Price and Image

    Great! Thanks guys. I think that has worked nicely. Will it be off if the images are different sizes though do you think?

    I didn't explain myself too well with the Description then H/R. See how I have typed into the product description

    Description
    --------------------------------------------

    Blah blah blah


    I would like to have the

    Description
    --------------------------------------------


    to be part of every listing instead of having to type it in each time.

  5. #5
    Join Date
    May 2009
    Posts
    1,219
    Plugin Contributions
    2

    Default Re: Align Price and Image

    Like said check the file
    templates/CUSTOM/templates/tpl_product_info_display.php

    in that look for
    <!--bof Product description -->
    and
    <!--eof Product description -->

    In between you can put your custom code,

    In case you don't have it in your CUSTOM folder, copy it from the templates_default

  6. #6
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,024
    Plugin Contributions
    3

    Default Re: Align Price and Image

    You can search the forums for boilerplate for a link to swguy's boilerplate mod which will add the same stuff to all descriptions, but I think copy and paste from an open text editor window probably is easier.

  7. #7
    Join Date
    Feb 2008
    Location
    Western Australia
    Posts
    192
    Plugin Contributions
    0

    Default Re: Align Price and Image

    Oooh I get ya. Thanks. I thought you were referring to just the H/R. I was doing this way too late last night

 

 

Similar Threads

  1. v151 Product Info, Align to right and not wrap under image
    By mcpisik in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 5 Oct 2013, 06:35 PM
  2. Align product description text to right of image and wrap
    By marketg in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 28 Jun 2013, 05:19 AM
  3. v151 How to align price and QTY box in product listing??
    By wacamatic in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 14 Feb 2013, 04:35 PM
  4. how to align the product title, price and add to cart box next to the product image?
    By evaky in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 5 Mar 2012, 03:31 AM
  5. Align Attributes Image Swatch and Text
    By sportbiker in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 1 Jul 2011, 10:51 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR