Results 1 to 9 of 9
  1. #1
    Join Date
    Oct 2011
    Posts
    12
    Plugin Contributions
    0

    Default how to align the product title, price and add to cart box next to the product image?

    Hi, please help!

    I want to align the product title, price and add to cart box next to the product image. My current layout now is like:

    Click image for larger version. 

Name:	change.jpg 
Views:	339 
Size:	15.7 KB 
ID:	9748

    and want to become the following:

    Click image for larger version. 

Name:	become.jpg 
Views:	277 
Size:	11.3 KB 
ID:	9749

    Could any hero save me here?

    Eva

  2. #2
    Join Date
    Nov 2008
    Posts
    164
    Plugin Contributions
    0

    Default Re: how to align the product title, price and add to cart box next to the product ima

    I'm not seeing almost any difference between the two images.

    But everything can be re-arranged by editing the stylesheet.

  3. #3
    Join Date
    Oct 2011
    Posts
    12
    Plugin Contributions
    0

    Default Re: how to align the product title, price and add to cart box next to the product ima

    I want to align to the left, next to the image. Don't know which part of the stylesheet control that. Please give me a hint. Thanks!

    Or is it in the productlisting.php?

    Click image for larger version. 

Name:	Change2.jpg 
Views:	232 
Size:	19.8 KB 
ID:	9750

    my webiste: http://er2.com.au/index.php?main_pag...products_id=20
    Last edited by Ajeh; 14 Oct 2011 at 03:55 AM. Reason: remove zenid from URL

  4. #4
    Join Date
    Oct 2011
    Posts
    12
    Plugin Contributions
    0

    Default Re: how to align the product title, price and add to cart box next to the product ima

    I found the source of the "div" that I want to move to the left next to the div of the image. Could anyone help me here?

    Click image for larger version. 

Name:	screen.jpg 
Views:	147 
Size:	19.0 KB 
ID:	9751

  5. #5
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: how to align the product title, price and add to cart box next to the product ima

    You seem to have found the answer while I was testing it. I see that you have moved the product name into the div that was floated right, and floated that div left, plus adjusting the elements in the div. Good for you!

  6. #6
    Join Date
    Aug 2009
    Posts
    17
    Plugin Contributions
    0

    Default Re: how to align the product title, price and add to cart box next to the product ima

    Hi there,
    I am trying to do the same thing but I cannot seem to replicate what you've added above. Any chance you could explain it a little clearer, I've searched everywhere and can't seem to find what I need to align my product title and price next to the image.
    Here is the site I am working on: http://teacupsandmudpie.com/index.ph...&products_id=4
    Thanks in advance.

  7. #7
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: how to align the product title, price and add to cart box next to the product ima

    The solution for the OP depended on using the non-standard code on her product info page, so would likely not be applicable to other sites.

    For your product info page, add to your product_info.css

    #productMainImage {float: left;}

  8. #8
    Join Date
    Aug 2009
    Posts
    17
    Plugin Contributions
    0

    Default Re: how to align the product title, price and add to cart box next to the product ima

    Thank you SO MUCH! I've been scouring the internet for days trying to figure out that one!
    I really appreciate your help, it's all sitting where it should be :)
    Crisis averted!

  9. #9
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: how to align the product title, price and add to cart box next to the product ima

    Good to hear:)
    The stock Zen Cart stylesheet for the Classic template already contains a rule that does this; you or your template must have previously removed it.

 

 

Similar Threads

  1. v150 How do I align the Product Price Block to the right of the Main Image ?!?!
    By jnb41578 in forum Templates, Stylesheets, Page Layout
    Replies: 15
    Last Post: 8 Feb 2014, 08:08 PM
  2. 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
  3. How can I change the position of the product price and Add to Cart?
    By pennylane in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 11 Sep 2009, 02:26 AM
  4. How to I do product pages W/OUT the image and price on the top of the page?
    By triswim in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 8 Mar 2008, 07:46 AM
  5. How do I align the text and nav bars on the product info and product listing pages?
    By aaelghat in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 25 Apr 2007, 03:42 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