How do I change the layout of the Product Page
 

Right now the layout of the product detail page is image on the left with the text and add to cart buttons on the right of the Image.

How do I make it so the image is on the top and the description and add to cart etc is UNDER the picture instead of NEXT to the picture?

Any help would be greatly appreciated!

Thanks

John

Re: How do I cahnge the layout of the Product Page
 

Hi John, that is skin1/customer/main/product.tpl. It is a table based layout, so you would need to open up that template and move the table cells around where you want them. A good html editor will help you to visualize the structure if you aren't familiar with html.

Re: How do I cahnge the layout of the Product Page
 

awesome thanks!

Re: How do I cahnge the layout of the Product Page
 

Shseesh I though this would be easy - but i am not able to get the results I want.

I need to have t he picture on the top and all the other stuff on the bottom.

I can see the page is made up of table with a row with 2 colums... I guess what I need is 2 rows... if anyone has done this will you post your code...

Thanks a ton!! :D/

Re: How do I cahnge the layout of the Product Page
 

You'd need one row that spans two columns for the image, and then the two columns beneath that. So:

<tr><td colspan="2">image code here</td></tr>
<tr><td>column 1 info</td>
<td>column 2 info</td></tr>

You'll also notice there is a lot of Smarty built in, which is what X-Cart uses as the template engine. This creates a lot of if/then statements, which can also affect that table layout. I'd suggest reading this and perhaps learning a bit more about Smarty first:

http://forum.x-cart.com/showthread.php?t=21529

Re: How do I cahnge the layout of the Product Page
 

Thanks - that really helped me :)

http://store.digitalguarddawg.com/home.php?cat=327

Re: How do I cahnge the layout of the Product Page
 

i'm going about changing my products page, but the image used on my product page is a thumbnail not the full size image it's only in the detailed images that the fullsize image is used and i don't want to use the detailed images after i make these changes.

-swif