How do I customize the Product page?

[wuller]

Hello

 

I am using a theme for my Prestashop 1.5.4

Now I want to customize the product page, because no one is reading the "More info" or "Comments" etc.

 

So my question is, how do I move the "More Info" etc. to be like in the picture I have posted?

 

Please see the screenshot

 

 

[NemoPS]

Hi,

It's more complex than it seems. You must be expert in both css and html (+ smarty). If so, you can edit product.tpl, which you can find in your theme's folder, then in the very same folder, access css/product.css and modify that as well

[wuller]

Hello Nemo1  

 

Thank you so much!

 

It would be great if one of all those very great coders out there made a module, that could customize the product page.

[Minkiu]

If you feel lik trying yourself, you could:

 

1. Download product.tpl (make a backup just in case)

 

2. On your website, right click the sharing/social buttons, and "Inspect element" to see which class are they using, so you can find that part easily on the product.tpl by searching it.

 

3. Do the same with the tabs you want to move.

 

4. Find the tabs of More info, etc, select the <div> or whatever they are in, and copy it unther the block that contains the social buttons. Note: NOT inside the social buttons block, but under it, but still inside the block that handles the buttons.

 

Now reupload the product.tpl and you should see the tabs duplicated (as in the image), if it's right, just edit the product.tpl to remove the initial tabs.

 

Hope it helps.

 

Remember to backup the initial product.tpl, so if things go dark, you can always restore it easily.

[wuller]

Hello Minkiu

 

That I will try out.

 

Thank you very much!