Results 1 to 10 of 15

Hybrid View

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

    Default Re: Product Description Page Layout Issues

    You have a <br class="clearBoth" /> after the additional images, and this is keeping all following elements below the images. Add to your stylesheet

    #productAdditionalImages .clearBoth {display: none;}

    The best solution to your alignment issues is probably to have the #productDescriptionWrapper mentioned in the stylesheet enclose all of the elements after the images.

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

    Default Re: Product Description Page Layout Issues

    If you want the additional images at the right below the description etc., put their code block after those elements and not inside the productImages section.

  3. #3
    Join Date
    Mar 2010
    Posts
    10
    Plugin Contributions
    0

    Default Re: Product Description Page Layout Issues

    Thank you so much!! That helped by leaps and bounds, I really appreciate it.

    Forgive me if this is a totally dumb question, but how do I enclose the other elements in the productDescription wrapper? Would I do that by adding <div id="productDescription"> to those in the tpl_product_info_display ?

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

    Default Re: Product Description Page Layout Issues

    No, that would be wrong for two reasons. They would not be the same div, regardless of name, and id's are supposed to be unique, not appearing more than once on a page. #productDescription is properly only the description content.

    You can make a new <div id="productDescriptionWrapper"> above the beginning of the description code block, with a </div> to close it below the last of the elements you want to enclose.

    Then you can change the styling of #productDescriptionWrapper which is already in your stylesheet.

  5. #5
    Join Date
    Mar 2010
    Posts
    10
    Plugin Contributions
    0

    Default Re: Product Description Page Layout Issues

    Thank you so much!! That was a great fix and thank you for explaining the reasoning behind it. Zencart is my first leap into css & php so I'm kind of stabbing in the dark and learning as I go along.

    The only element that still isn't cooperating is those pesky additional images. The css works on everything but those... they're still hanging out by themselves on the far right and too much spacing between them. They are within the div tags of the #productDescriptionWrapper so I'm not sure what that's all about. I'm guessing I have some conflicting code somewhere else that's overriding it?

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

    Default Re: Product Description Page Layout Issues

    You have a 22em left margin on #productAdditionalImages. Reduce or eliminate that and things will fall into place.

 

 

Similar Threads

  1. Replies: 3
    Last Post: 10 Jan 2013, 05:57 AM
  2. Product description issues
    By mollycakes in forum Templates, Stylesheets, Page Layout
    Replies: 10
    Last Post: 27 Apr 2008, 09:49 PM
  3. Product Description Issues
    By Lovely in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 4 Mar 2008, 02:03 AM
  4. Align Product Details below Product Description: tpl_product_info_display.php issues
    By gingertea in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 16 Aug 2007, 12:36 AM
  5. Product Description Issues on main page
    By magneteye in forum General Questions
    Replies: 8
    Last Post: 20 Jul 2007, 10:04 AM

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