SP Extra Slider 1.7.x

This guide will help you install SP Extra Slider Module step by step.

 

1 Installation ai??i?? Back to top

  • Firstly, you must install Prestashop version 1.7.x.
  • Secondly, prepare for installing the SP Extra Slider Module. The installation contains 4 steps as following:

Step 1: Login to your Prestashop admin panel and Go to Improve >> Modules >> Modules Services. At the top of the page, click the Upload a Module button.

Step 2: Click “Select File” to select your module .zip file “sp_extraslider_p1.6-res_v1.0.2.zip” that you have downloaded.

Step 3: The uploading process will be started. You will see the message that “Module installed”.

Step 4: Finally, the new module will be located in the modules list. Search the name of module and Click on the Configure button to configure the module.

2 Configuration ai??i?? Back to top

You can edit, duplicate, delete and add new module in this page.

In this layout, can change ordering of category by dragging the box contain ordering. And this module can work with different Hook into, can change in the param Hook into.

Below is module layout

The parameters are divided into the following groups:

  • General Options
  • Source Options
  • Product Options
  • Effect Options

Letai??i??s look at the parameters in detail:

General Options

  • Title ai??i?? Input title for the module.
  • Display Title ai??i?? Display title of module Or not.
  • Status ai??i?? Set status enable/disable for the module.
  • Hook into ai??i?? Select Hook into in list box.
  • # Column ai??i?? Set # column for each device
    • For devices have screen width from 1200px to greater.
    • For devices have screen width from 768px up to 1199px.
    • For devices have screen width from 480px up to 767px.
    • For devices have screen width less than or equal 479px.
  • Title of Slider ai??i?? Display title of module Or not.
  • Open Link ai??i?? Target to open links:
    • New window ai??i?? Open the link in the new window/tab.
    • Same window ai??i?? Open the link in the same window/tab.
    • Popup window ai??i?? Open links in new pop-up window.
  • Select Layout ai??i?? Allow to select layouts. We support 7 layouts.
  • Row Item ai??i?? Allow to select number rows of item.
  • Button page ai??i?? Allow to display button page at Top/Under.

Source Options

  • Select Category ai??i?? Allow you to select Category
  • Product Field to Order By ai??i?? Set Product Field to Order By: ai???Name/ID/Date Add/Price/Saleai???.
  • Ordering Direction ai??i?? Allow to order ascending/descending direction for categories.
  • Count ai??i?? Allow to set the number of products to be displayed in this block.

Product Options

    • Size image (W x H) ai??i?? Select Size image in list box.
    • Display Name ai??i?? Display name of product Or not.
    • Name Maxlength ai??i?? The limited number of characters of product Name.
    • Display Description ai??i?? Display Description Or not.
    • Description Maxlength ai??i?? The limited number of characters of product description.
    • Display Price ai??i?? Display Price Or not.
    • Display Add to Cart Button ai??i?? Display Add to Cart Button Or not.
    • Display Add to Wishlist Button ai??i?? Display Add to Wishlist Button Or not.
    • Display Add to Compare Button ai??i?? Display Add to Compare Button Or not.
    • Display Detail Link ai??i?? Display Detail Link Or not.
    • Display New ai??i?? Allow to show/hide image New.
    • Display Sale ai??i?? Allow to show/hide image Sale.

 

Effect Options

  • Margin Right Item ai??i??Margin right(px) on item.
  • SlideBy Item ai??i??Navigation slide by x. Page string can be set to slide by string.
  • Auto Play ai??i?? Allow to auto play slider.
  • Auto Interval Timeout ai??i?? Allow to auto interval timeout for slider.
  • Pause on hover ai??i?? If true an auto play slider will be pause while the mouse over the slider.
  • Auto Play Speed ai??i?? Allow to input auto play speed for slider.
  • Smart Speed ai??i?? Allow to input smart speed for slider.
  • Start Position Item ai??i?? Start position or URL Hash string like #id.
  • Mouse Drag ai??i?? Allow to enable/disable mouse drag.
  • Touch Drag ai??i?? Allow to enable/disable touch drag.
  • Pull Drag ai??i?? Allow to enable/disable pull drag.
  • Show Pagination ai??i?? Allow to show pagination or not.
  • Pagination Speed ai??i?? Allow to set speed of pagination.
  • Show Navigation ai??i?? Allow to show navigation or not
  • Navigation Speed ai??i?? Set speed of navigation.
  • Select Effect ai??i?? Select effect in list box.
  • Duration ai??i?? Determining how long the animation will run. Large = Slower.
  • Delay ai??i?? Set a timer to delay the excution of the next item in the queue. Large = Slower.

 

3 How To Create Categories ai??i?? Back to top

Please go Here to readmore How To Create Categories in Prestashop.

4 How To Create Products ai??i?? Back to top

Please go Here to readmore How To Create Products in Prestashop.

5Support ai??i?? Back to top

Thank you so much for purchasing this module. If you have any questions that are beyond the scope of this help file, please send us via: Support Tickets System

Thanks so much!

×