SM Hot Collections Magento 2

View demo
This guide will help you install SM Hot Collections - Version 2.x step by step.
1REQUIREMENT

At the basic level, this module will require the following condition:

  • Compatible with Magento Community Edition 2.0.x: Please follow Magento 2.0 Installation Guide to install if you do not have one.
  • Composer (latest stable version)
  • Apache 2.2 or late
  • PHP: 5.5.x,5.6.x and Memory_limit no less than 256Mb)

  • In the future if the conditions change, please check the Magento 2 documentation

2INSTALLATION

  • Step 1: Download and extract the extension’s package on your computer and navigate inside the folder.
  • Step 2: Upload the folder named as app from the package to the root of your Magento site on your server
  • Step 3: On your server, right click and select ‘Use composer here’ to open Command Prompt

    • 1. Please type the following command into the dialog to clear the compiled code and cache:
    • 2. After running successfully the first command, type the following command into the dialog to set up fresh static content to deploy on our Magento store
  • Step 4: Go to Administration page to configure the extension

    • Important Note:

    • After installing extension, you should logout first and then login Admin Panel to ensure all functions work normally.
    • You should disable all caches in cache management in the installation and configuration process.

3EXTENSION CONFIGURATION - Back to top

3.1 Module Demo

This module is responsive for different screens, thus it can display the item number in the collection of category

3.2 Module Configuration

Note:We used the images of module’s installtion on Magento 2.x to illustrate

After installing, go to Stores -> Configuration and find SM Hot Collections (in the left of column) to configure.
The parameters are divided into the following groups:

  • General settings
  • Source Options
  • Categories Options
  • Product Options
  • Advanced Options

Let’s look at the parameters in detail:

General settings

  • Enable Extensions - Allow to enable/disable the extension.
  • Display Title - Allow to enable/disable the title.
  • Title - Enter the title of the module.
  • Target - Allow to display the target link in Same Window/ New Window/ Popup Window
  • Select Layout For Product - Allow to choose vertical OR horizon layout for product.
  • Config Column For Category - Set the number of columns for devices:
    • For devices have screen width from 1200px up to greater.
    • For devices have screen width from 992px up to 1199px.
    • For devices have screen width from 768px up to 991px.
    • For devices have screen width from 480px up to 767px.
    • For devices have screen width less than or equal 479px.
  • Config Column For Product - Set the number of column for product:
    • For devices have screen width from 1200px up to greater.
    • For devices have screen width from 992px up to 1199px.
    • For devices have screen width from 768px up to 991px.
    • For devices have screen width from 480px up to 767px.
    • For devices have screen width less than or equal 479px.

Source Options

  • Select Category - Allow you to select Category. The SM Amazing Slideshow is added for showing product
  • Featured Products: Allow to Show/Hide/Only Featured Products.
  • Product Field to Order By: Set Product Field to Order By.
  • Ordering Direction: Allow to order ascending/descending direction.
  • Product Limitation: Allow to set product limitation.

Categories Options

  • Display Title Category - Allow you display title category or NOT.
  • Title Maxlength - Allow to set the max length of title.
  • Categories Order By - Set Categories Order By: Name/Position/Random.
  • Ordering Direction - Allow to order ASC(ascending)/ DESC(descending) direction.
  • Display Total Item Category - Allow to display icon or NOT.
  • Display Min Price Product - Allow to display the min price of product or NOT.
  • Display Description Category - Allow to display description of category or NOT.
  • Description Category Maxlength - Allow to set maxlength of description category.
  • Display Readmore Category - Allow to display readmore category or NOT.
  • Readmore Category - Allow to readmore category by phrase “View All” or other phrase.
  • Image Options
  • Get Image from Category Image
    • Category Image - Allow to display Image of Category or NOT.
  • Get Image from Category Description
    • Category Description - Allow to display Description of Category or NOT.
    • Order to Get - Allow to order to get image with options such as category_image, category_thumbnail, category_description.
    • Resize - Allow you resize category image or NOT.
    • Image Width - Allow to set image width.
    • Image Height - Allow to set image height.
    • Background Color - Allow to set background color.
    • Image Replacement - Only when the product has no image, the module will take photos from placeholder to replace.

Products Options

  • Display Slider Product - Allow to display the slider of product OR not.
  • Display Navigation - Allow to set the Navigation for the Product.
  • Show Type Navigation - Allow to set “Show” or ” Hover” button navigation.
  • Image Options Product
  • Get Image from Product Image
    • Product Image - Allow to display Image of product or NOT.
  • Get Image from Product Description
    • Product Description - Allow to display description of product or NOT.
    • Order to Get - Allow to order to get image with options such as product_image, product_thumbnail, product_description.
    • Resize - Allow you resize product image or NOT.
    • Image Width - Allow to set image width.
    • Image Height - Allow to set image height.
    • Background Color - Allow to set background color.
    • Image Replacement - Only when the product has no image, the module will take photos from placeholder to replace.

Advanced Options

  • Pre-text - The content to show at the top of module.
  • Post-text - The content to show at the end of module.
  • Caching - Allow to choose to cache the content of module.
  • Cache Time - Allow to choose the time (in seconds) before the module is recached.

3.3 Page Configuration

    • If you want to display this module on any page that you want, Please go to Content > Pages > Edit Hot Collections > Content and add this code:

       

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