Moving Around Product Info Page

Currently, my product information page looks like this:

and I want it to look like this:

Can anyone point me in the right direction as to what stylesheet I'm supposed to be editing? Also, which layout do you prefer, the old or new one? Just curious, because a friend of mine liked the first layout better, and now I'm having second thoughts on changing it.

Thanks!

If you go to includes/templates/custom/css/stylesheet.css and add

#productMainImage {
float: none;
}

you'll see your text description is now underneath your main product image.

The reordering you want will require you to customize tpl_product_info_display.php.

Good luck!
Scott

How would I center the "Add to Cart" button and the Attributes? Regardless of how I change the layout on the tpl_product_info_display, the "Add to Cart" is always on the right, and the Attributes are always on the left.

Thanks.

It's the same idea. Simply edit your css and change

#cartAdd {
float: right;
....

to

#cartAdd {
float: center;

(or take out the float entirely, since the next line is text-align: center;)

Good luck,
Scott

Thanks!

Is there also a way for me to put a box around the product description, add a cart, and attributes as shown in the second layout? I know I can put a border per each one, but is it possible to put a border around those 3 items?

I'm not very good with php and such, so I dont know which might/might not work.