SP Hot Collections 1.7.x

This guide will help you install SP Hot Collections 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 Hot Collections. 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_hot_collections_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

 

Below is a complete interface of SP Hot Collections module

Please find to the module that you have completely installed to configure this module.

The parameters are divided into the following groups:

  • GENERAL OPTIONS
  • SOURCE OPTIONS
  • CATEGORIES OPTIONS
  • PRODUCT OPTIONS

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

GENERAL OPTIONS

    • Title ai??i?? Input title for the module.
    • Module Class Suffix ai??i?? A suffix is applied to the CSS class of module. This allows for individual module styling.
    • Display Title Module ai??i?? Enable/Disable title of module.
    • Status ai??i?? Set status enable/disable for the module.
    • Hook into ai??i?? Select Hook into in list box. Please click Here to read more How To Create Custom CMS Hook Page.
  • FOR CATEGORIES: # 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.
  • FOR PRODUCTS: # 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.
  • 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 the link in new pop-up window.

SOURCE OPTIONS

  • Select Categories ai??i?? Select categories.
  • Product Field to Order By – Allow to set Product Field to Order By: ai???Name/ID/Date Add/Price/Sellai???.
  • Ordering Direction – Allow to order ascending/descending direction for field.
  • Count – Allow to set the number of product to be displayed in slider.

CATEGORIES OPTIONS

  • Size image(WxH) ai??i?? Select size of category image in list box.
  • Display Title ai??i?? Allow to display title of categories or not.
  • Category Name Maxlength ai??i?? The limited number of characters of category Name.
  • Display Description ai??i?? Allow to display description of category or not.
  • Description Category Maxlength ai??i?? The limited number of characters of category description.
  • Display Readmore Category – Allow to display readmore category button.
  • Categories Order By ai??i?? Set Categories to Order By: ai???Name/ID/Randomai???.
  • Categories Ordering Direction ai??i?? Allow to order ascending/descending direction for categories.
  • Display Total Item Category ai??i?? Allow to display total of category item.
  • Display Min Price Product ai??i?? Allow to display min price of product.

1. In Product Options part, The Size image (W x H) parameter is set “small_default”. To view the size of image, please go to PREFERENCES >> Images as the image below:

PRODUCTS OPTIONS

  • Size image(WxH) ai??i?? Select size of product image in list box.
  • Display Slider Product ai??i?? Allow to display slider product or not.
  • Display Navigation ai??i?? Allow to display navigation button or not.
  • Show Type Navigation ai??i?? Allow to display type of navigation: Hover/Show.

3SUPPORT 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!

×