Formatting Product Attributes

[ZSchinelli]

I am desperately trying to figure out how to format my product pages to show the attributes and add to cart buttons on the right of the product image. Until I add the attributes it looks fine. Once added, the attribute drop-downs default to below the image looking sloppy.

One post suggested I add .wrapperAttribsOptions, #product-divider{clear:both;} to the bottom of my stylesheet which I did. This paired up my attributes (color and size) but still separated the drop-downs from the product name etc.

Then I sized my images much smaller and that didn't correct the issue.

Here is a sample of the product I am working with the attributes loaded:

http://www.posterheaven.com/heaven/i...roducts_id=275

Here it is without attributes... formatted perfectly:

http://www.posterheaven.com/heaven/i...roducts_id=281

Something about adding the attributes is conflicting...Any direction or even a past thread that could help would be greatly appreciated.

I started with the Darkness template if that helps. Thanks in advance.

Respectfully,

ZSchinelli

[soxophoneplayer]

I made changes to Includes/templates/myCustomTemplate/tpl_product_info_display.php creating prodInfoLeft and prodInfoRight div, /div s around the desired content to reconfigure the product info page creating two columns for the mid section of the listing to get better layout of image vs description, esp with unpredictable text wrapping around image. I moved the blocks of code around to get the sequence and layout of the components that I wanted.

I styled the two new divs by adding this to my stylesheet.css :
#prodInfoLeft {
width: 210px;
float: left;
padding-top: 3em;
padding-left: 3em;
padding-bottom: 3em;
margin: 0px 0px 0px 0px;
}

#prodInfoRight {
width: 460px;
float: right;
padding: 2em;
}

Here's an example of a product page that has attributes:
http://www.meafordwool.com/Heavy-Wool-Socks/Duro-Sport

I didn't sort my page the same way you are aiming for, but I think you could do it in the same manner. In my case I wanted my attributes underneath so I left that code outside and beneath the new divs, which gave me a bottom, full width portion on the page.

There is a post in the Forum, Templates section that deals similar: http://www.zen-cart.com/showthread.p...t=prodInfoLeft (see post #8). This isn't the post I got my info from - I did this quite a few years ago back in zc 1.3.7 and the original posts aren't appearing when I do a search.

My site is zc 1.3.9h

[ZSchinelli]

That worked perfectly! Thanks a million Soxophone!