Product Detail Page how to show description & options under image 4.4.2
 

Re: Product Detail Page how to show description & options under image 4.4.2
 

There are 2 templates - product.tpl and product_details.tpl - that you have to edit. You need to know html and css in order to make just one column instead of the 2 right now.

Re: Product Detail Page how to show description & options under image 4.4.2
 

Hello,
thanks for the reply cflsystems
yes i have already try to edit the product.tpl and product_details.tpl from a post on the forum here http://forum.x-cart.com/showthread.php?t=51819 , but it did not work, it made half of the main image show and product details were on the right still. Maybe i did not do it correct? maybe does not work correct for v4.4.2 chromo?
i know how to edit basic html and css, please if i can get your help or anyone else i would appreciate it.

Re: Product Detail Page how to show description & options under image 4.4.2
 

Look at the divs and classes applied - some of them are float. Basically you have to take all the info and put it in one container

Re: Product Detail Page how to show description & options under image 4.4.2
 

Re: Product Detail Page how to show description & options under image 4.4.2
 

now i think the best way for the shop im doing would be order like:
DESCRIPTION (first)
MAIN PRODUCT IMAGE
PRODUCT THUMBNAILS
PRODUCT VARIANTS/OPTIONS
PRICE, CART
....AND OTHERS BELOW

* also is there a way to add a mandatory checkbox, in the product option area, so that the customer has to check i agree to the terms, and it will show in the payment invoice that they have checked i agree to the terms.

Re: Product Detail Page how to show description & options under image 4.4.2
 

any help ??

Re: Product Detail Page how to show description & options under image 4.4.2
 

Its very easy. I just did it to my store. Here are the steps

On /skin/customer/main/product.tpl
Make these changes

Change

<div class="details"{if $max_image_width gt 0} style="margin-left: {math equation="x+14" x=$max_image_width}px;"{/if}>

to
<div style="float:right">

You can see a sample on my store at:
http://shop.ccfdis.com/First-Data-FD-50Ti-Credit-Card-Terminal.html