X-Cart forums

[WestCoastBikers]

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

[balinor]

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.

[WestCoastBikers]

Originally Posted by balinor

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.

awesome thanks!

[WestCoastBikers]

Originally Posted by balinor

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.

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!!

[balinor]

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

[WestCoastBikers]

Originally Posted by balinor

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

Thanks - that really helped me

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

[swifty]

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