Changing product page layout

[Orchard_Direct]

I would like to split the product description page into two sections shown here http://www.organicswithlove.com/inde...roducts_id=435 I would like a very similar layout with text down the right hand side, however i would like the attributes and "buy now" section to be positioned below the image. I am fairly competent with css. I have played around with it but cant get the desired effect. Can anyone suggest a solution?

Any help greatly appreciated

Many thanks

Elliot

[gjh42]

In /includes/templates/your_template/templates/tpl_product_info_display.php, move the code blocks for attributes and add to cart up to just below the main image block. Float them all left, and give the text a margin-left to clear them.

You may need to add a wrapper div around all the floated elements so they can be kept in a vertical column.

[Orchard_Direct]

Ill give it a go in a mo cheers, i rly have no idea about php so i find it very difficult to edit the layout.

[Orchard_Direct]

http://www.orcharddirect.co.uk/store...roducts_id=394

Lol thats wat i ended up with. Help appreciated!

[gjh42]

You're getting close....

You missed moving the beginning of a comment tag which is why you see !--bof Attributes Module -->.

Now you need to add an HTML div around them.

Add
<div id="productGroupWrapper">
just above
<!--bof Main Product Image -->
<div id="productMainImage" class="centeredContent back">

and just after
<!--eof Attributes Module -->
add
</div>

In your stylesheet, add

#productGroupWrapper {
width: 200px;
float: left;
}

[Orchard_Direct]

Nearly there! How do i get the product title and price in the correct place?