need help with lay-out of image and text on product page

[len7560]

This is a problem that I always had with the stock product info page. My solution is to create 2 columns. In the tpl_product_info_display.php file of your template, you will need to wrap the main product image in a div and float it left, and then wrap the remaining items that you want to appear in the right column in another div, also floated left.

<div id="prodInfoLeft">
<!--bof Main Product Image -->
...
</div>

<div id="prodInfoRight">
<!--bof Product Price-->
...
<!--bof Product description -->
...
</div>

<br class="clearBoth" />


Then your stylesheet add.

#prodInfoLeft {
width: 250px;
float: left;
padding-top: 10px;
}

#prodInfoRight {
width: 300px;
float: left;
}

Adjust the widths to your needs and adjust the padding-top value of the left column until the main product image lines up with the text. Don't forget the clear at the end or you could cause your description to overlap your footer.

This worked so great! Thank you!