“Custom Product Tabs” Documentation by “Inno-mods.io” ( v.1.3.0 )


“Custom Product Tabs”

Created: 16/09/2015
Updated: 20/05/2018
By: Inno-mods.io
Email: [email protected]

Hi there and thank you for purchasing 'Custom Product Tabs'! If you have any questions that are beyond the scope of this help file, please feel free to email us via the contact form in our codecanyon profile. To go there, click here. Thanks so much!


Table of Contents

  1. Installation
  2. Create / Manage Custom Product Tabs
  3. Populate Custom Product Tabs
  4. Other Options
  5. Have a question?

A) Installation - top

Installing the module couldn't be simpler.

  1. In your Prestashop installation, go to Modules and Services > Add a new module. Click on it!
  2. Use the form to upload the customproducttabs.zip file
  3. Locate Custom Product Tabs in the module's list and install it!
  4. After installation, locate Custom Product Tabs in the module's list and press Configure to create your first Custom Tab!

Hint: After installation, you can add the module to Quick Access List in order to locate your module easily. Name your new Quick Access Item 'Custom Product Tabs' and assign the following url: ./index.php?controller=AdminModules&configure=customproducttabs


B) Create / Manage Custom Product Tabs - top

Custom Product Tabs allows you to add unlimited custom tabs for your products! To create your first one, press Add Tab in the module's menu.

Each Tab has the following settings. Fill them in to create a new!

  1. Shop ( for multi-shop installations )
  2. Active/Inactive ( global setting )
  3. Name of the tab in all available languages
  4. Tab Default Content in all available languages ( optional - use it if you need a predefined content for the tab )
  5. Manufacturers Filter ( use this filter if you want to display the tab for specific manufacturers )
  6. Categories Filter ( use this filter if you want to display the tab for specific categories - for prestashop 1.6.x and 1.7.x)

To view - arrange tabs click Tabs in the module's menu.


C) Populate Custom Product Tabs - top

In order to add content for your custom product tabs, you should go to your product list. Choose the product you want to edit. In the edit product screen of prestashop, locate the Custom Product Tabs Panel. You should see it after the default prestashop panels at the bottom. Click on it and you should now see all the available tabs for the current product.

Have in mind that custom tabs that are allowed for specific manufacturers or categories, are displayed only after you have related your product to the respective manufacturer - category, and clicked save.

Fill in the following information:

  1. Active/Inactive( you might need to disable the tab for the current product )
  2. Content

D) Other Options - top

Let's take a look at our display options. You can navigate to them, through the last button in the module's menu! Through the options page, we can choose or configure ( depending on prestashop version ) our module's display in the front-end of your shop.

Display Options for Prestashop 1.7:

Well, there is no need for you to do something if you are using Prestashop 1.7! You are ready to go!

Display Options for Prestashop 1.6:

In Prestashop 1.6, in the default theme, product tabs are displayed as a list of responsive blocks. This option is necessarily the default option for our module. But we thought that you might miss the real tabs available in Prestashop 1.5. So, we added an option in order to allow you to implement real classic tabs in Prestashop 1.6. To do so, simply click on the respective option. After that, you need to make some changes in your template files. Those changes are analytically described in our site. To read them, click here. Please, keep a copy of all the files that you will edit, in case you need to switch to the deafult theme in the future!

Display Configuration for Prestashop 1.5:

In Prestashop 1.5, we actually do not have any options. On the other hand we have a little configuration to do, in order to extend our module's functionality to the default mobile theme! You need to edit actually only one line of code in your mobile theme to do so! The exact guidelines are displayed in the options page of the module!


E) Have a question? - top

If you have any questions that are beyond the scope of this help file, please feel free to email us via the contact form in our codecanyon profile ( at the bottom right ). To go there, click on the following link. http://codecanyon.net/user/inno-mods


Once again, thank you for purchasing 'Custom Product Tabs'! We hope we meet your expectations!

Inno-mods.io

Go To Table of Contents