SM Hot Collections Magento 2

View demo More detail

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:
```
		php bin\magento setup:upgrade
		
```
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
```
		php bin/magento setup:static-content:deploy
		
```

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 &#45 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:
```
{{block class="Sm\HotCollections\Block\HotCollections" name="HotCollections" template="Sm_HotCollections::default.phtml"}}
```

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!