Categories

Featured templates

PrestaShop 1.6.x. How to work with “TM Products Slider” module

Andre Flores July 8, 2015
No votes yet.
Please wait...

Hello! This video tutorial shows how to work with TM Products Slider module in Prestashop templates.

PrestaShop 1.6.x. How to work with “TM Products Slider” module

TM Products Slider module allows you to show up products in your store slider:

prestashop_1.6._how_to_work_with_tm_products_slider_1

Let’s learn how to manage this module.

There are already some products included in the “TM Products Slides” section, so you may publish/unpublish products to show/hide them in the slider:

prestashop_1.6._how_to_work_with_tm_products_slider_2

Simply drag and drop slides/products in case you would like to change slides order.

In case you want to add a new product to the slider, you may do that using “TM Products Slider tab that appears in the products settings after the module is installed:

prestashop_1.6._how_to_work_with_tm_products_slider_3

Simply check the “Display in TM Products Slider option under this tab and click “Save” button to apply changes:

prestashop_1.6._how_to_work_with_tm_products_slider_4

There is a “TM Products Slider Settings” section in the lower part of the module interface where you may change such settings as Slider Width”, Slider Type”, Slider Speed”, Slider Pause”, “Auto play”, “Pause on hover, “Pager”, “Controls” and “Auto Controls”:

prestashop_1.6._how_to_work_with_tm_products_slider_5

Let’s overview these settings.

  1. Slider Width” setting defines the width of the slider on the front-end.

  2. Slider Type” defines the type of the slider; it may be either “fade”, “horizontal” or “vertical”.

  3. Slider Speed” option allows you to change the duration of the transition between two slides.

  4. Slider pause” defines the delay between two slides: the higher the value in this field, the longer is the delay.

  5. “Auto play” option means whether your slides switch automatically or not.

  6. “Pause on hover makes the slider autoplay stop while hovering the slider with your mouse.

  7. “Pager” adds slider navigation buttons (1,2,3, etc.) if the option is set to “Yes”.

  8. “Controls” adds the Next and Previous buttons to the slider while the option is turned on.

  9. “Auto Controls” adds the Play/Pause button to the slider. It is worth mentioning that this option is available in case the slider “Auto play” is turned on only.

This is the end of the tutorial, you have learnt how to work with TM Products Slider module in your Prestashop template.

Feel free to check the detailed video tutorial below:

PrestaShop 1.6.x. How to work with “TM Products Slider” module

Prestashop Themes Download
This entry was posted in PrestaShop Tutorials and tagged module, Prestashop, product, slider. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket