How To Change The Position Of Product Tabs In Product Detail Page In 4.*


I am using CS-Cart 4.2 and want to change the position of product description to above product variant images or the area bellow product detail images (where there is an empty column). I need this because this way product description (and some important information that it contains) will be visible to clients when they enter the product page.

I am familiar with html, php and css, but I can't understant .tpl language, so I don't know how to change the code… can anyone help me?

Thank you,


Hi Ines,

If you wish to create a custom product template is better to create a new one that will cross over upgrade, for this you need to do:

#copy content from file

```<br />
<br />
#to new file (if directory structure is missing you need to create)<br />
```<br />
<br />
#select from [b]Settings > Appearance[/b] the new Product detailed page view<br />
<br />
and now you can play with default_template_modified.tpl <img src="upload://ssa1U17ndImgNZSdwFNmOF2yUgM.png" class="bbc_emoticon" alt=";)"><br />
If you want to change the position of product description to above product variant images:[list=1]<br />
[*]Disable product description from tabs, go to [b]Design > Product tabs[/b]<br />
[*]Paste code bellow anywhere in the default_template_modified.tpl file<br />
[/list]<br />
{$product.full_description nofilter}
```<br />
<br />
If you need description above option just paste the code above ```php
<br />
{if $capture_options_vs_qty}{capture name="product_options"}{$smarty.capture.product_options nofilter}{/if}<br />

```<br />
<br />
Also you can follow [url=""]http://forum.cs-cart...__fromsearch__1[/url] is for v3 but some stuff still apply to v4 <img src="upload://ssa1U17ndImgNZSdwFNmOF2yUgM.png" class="bbc_emoticon" alt=";)"><br />
<br />
I hope that helps,<br />
<br />
---<br />
Valentin<br />
[color=#808080][size=2]part of[/size][/color]

Hi Valentin,

Thank you so much for your help. Hungry Web rocks!

I had already read the post you linked, but the link to the modified template that you put there goes to a “page not found”, so I couldn’t download the file.

And I just did what you told me to, but the modified template is putting the description text in the bottom of the page, not above product options… :-(

Well, I managed to enlarge the Promotional Text and align it to the right through css, so it is placed right above the options. And I put the important information I needed in that field. It's fine now, thanks anyway for your help… really! I wish I could understand .tpl language, but it's chinese to me!

You are welcome,

You can use always us google translate, TPL to EN :))))

Keep on smiling,


[color=#808080][size=2]part of[/size][/color]

You can download tpl from here but is for v3 as far i remember


I’ll try the template you linked and give you feedback.

Thanks! :-D

Just tested it, same result. The description field goes to the bottom of the page.

I’ll stick with promotion text field ;-).