Real Tabs for Prestashop 1.6 with Custom Product Tabs

You enjoyed the real tabs available in Prestashop 1.5? Would you like to keep them in Prestashop 1.6? We thought you might, because as developers, we had exactly the same thoughts and needs. So, we decided to add the respective option in Custom Product Tabs module.

First, you have to go to the options page of Custom Product Tabs and switch to the real tabs display.

Then, you have to make the following changes in the default theme template files. We strongly advise you to keep a backup of all the files that you are going to edit, in case you need to switch back to the initial default layout!

 

Go to product.tpl file located in the default theme’s folder.

Locate the following code:

 

For Prestashop 1.6.1.1 the above code is located in lines 463-666. For other Prestashop versions the line numbers might be slightly different.

Replace the selection with the following code:

 

 

Go to product.js in the js folder of the default theme and remove the following lines:

For Prestashop 1.6.1.1 the above code is located in lines 194-195. For other Prestashop versions the line numbers might be slightly different.

 

Last but not least, we need to make some changes in the the template files of the reviews section. Reviews are implemented in Prestashop through the module Product Comments.

In Prestashop 1.6.1.1 you will need to go to default theme > modules > productcomments folder.

First, open up the template file tab.tpl in your editor. Replace the line:

With the following code:

 

Then, open up the template file productcomments.tpl in your editor. Here, we need to wrap the whole content of the file with a wrapper.

So, add the following code just after the initial comments:

and don’t forget to close the wrapper up by adding the following line of code at the end of the file: