SM Hot Collections Magento 2

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!

×