SM Filter Products

SM Filter Products helps you to display products from a category or multiple categories. We can use this module to show product features with title, image product, price, add to cart, add to wishlish or add to compare… In addition, the module gets front-page layout divided into multiple columns, we can set it up easily to show as many products as we want.

Supporting responsive layout for any devices, this module is ideal to use as a front-end product showcasing for modern stores. With the friendly user interface in Admin panel, you can set how many columns displayed for different devices as well as many other options to be chosen for showing: title, description, and price or read more…
This guide will help you install SM Filter Products.


This module is fully compatible with Magento Community Edition version 2.1.x.


To install this module you must have a working version of Magento already installed. If you need help installing Magento, follow below sites and tutorials from magento, hope everything that you need are there.

  • System Requirements - Required system credentials for your magento installation.
  • Installation Guide - Installation guide that describes how to install magento2.
  • Online Magento 2 guide - Online magento documentation that describes about magento2 in detail.
  • Magento Forum - Magento forum site.
  • stackoverflow - You can also get some useful articles from stackoverflow.


  • 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: To active SM Filter Products, go to root of your site using putty or others.
    • 1. Please type the following command into the dialog to active module:
    • 2. After running successfully the first command, type the following command into the dialog to flush cache 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.


4.1 Layout Demo

You could see the appearance of SM Filter Products module as following:

4.2 How to show “SM Filter Products” module?

  • If you want to display this module on any page that you want, please go to Content -> Page -> Edit Home page item ->Tab Content, add this code to a position:

4.3 Module Configuration

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

In the Administrator Page, navigate to Stores -> Settings -> Configuration and find SM Filter Products to configure.

Let’s look at the parameter in detail:

General Settings

  • Enabled : Enable or disable the module displaying on Frontend area.
  • Title Module: Enter the title of the module.
  • For Example:

  • Type Show: We support 2 types: Slider or Simple
  • The interface when you select Slide:

Source Options

  • Show Countdown Timer: Allow to show countdown timer for special product when you select “Yes”.
  • For Example:

  • Select Source: Allow you to select source to display product.
  • Select Categories: Allow you to select Category
  • Product Limitation: Allow to set product limitation.
  • For Example:

4.4 How to override the configuration in backend?

Let’s start override the configuration, go to Content -> Page -> Edit Home page item ->Tab Content

  • How to override “Title Module” param.
    In tab Content, add this code title_module="Title of module"
  • How to override “Type Show” param.
    In tab Content, add this code type_show="slide" or type_show="simple"
  • How to override “Show Countdown Timer” param.
    In tab Content, add this code display_countdown="1" or display_countdown="0"
  • How to override “Select Source” param.
    In tab Content, add this code product_source="featured_products" or product_source="best_sellers" or type_listing="lastest_products"...
  • How to override “Select Categories” param.
    In tab Content, add this code select_category="2,3,4"
  • How to override “Product Limitation” param.
    In tab Content, add this code product_limitation="6"

    Thank you so much for using this module, your support is truly appreciated. If you have any questions that are beyond the scope of this document, please feel free to contact us via our Support Tickets System