SM Super Categories

View demo
This guide will help you install SM Super Categories step by step.
When you buy the module the first time, you will have the latest version.

1REQUIREMENT - Back to top

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

  • Support Magento 1.9.x
  • Support responsive layout

2INSTALLATION - Back to top

2.1 Extension Installation

There are two ways to install extension:

  • Step 1: Download and unzip extension contents on your computer and navigate inside the extracted folder.
  • Step 2: Upload folders skin and app from our download package to your Web server’s document root (from here on, referenced as {docroot}). You should see a directory layout like this:

    {docroot} /magento/

    app/
    index.php
    js/
    lib/
    LICENSE.txt
    media/
    pear/
    skin/
    var/
    • Step 3: Login your Magento Admin
    • Step 4: Navigate to System => Configuration => find SM Super Categories module (in the left of column) to configure module

      • Step 5: You will see installed extension, click extension’s name tab to go to extension configuration page.

OR you also install the steps as following:

Step 1: In the Administrator page, Navigate to System >> Magento Connect >> Magento Connect Management

Step 2: Click Browse and Upload package file

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.

2.2 Page Configuration

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

3EXTENSION CONFIGURATION - Back to top

3.1 Below is module layout

3.2 Module Configuration

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

After installing, go to System -> Configuration and find SM Super Categories (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/Disable - Allow to enable/disable the module.
  • Link target - Target to open links:
    • New window - Open the link in the new window/tab
    • Same window - Open the link in the same window/tab
    • Popup window - Open links in new pop-up window

Source Options

  • Select Category - Allow you to select one or more categories.
  • Filter Order By - Allow you to Filter Order By.
  • Child Category Products: Include or Exclude Products from Child Categories.
  • Category Depth: Allow to select the number of child category levels to return.
  • 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

  • Category title max length - Allow to set the max length of category title
  • Image Width - Allow to set image width of category
  • Image Height - Allow to set image height of category
  • Auto Play - Allow to Enable/Disable autoplay mode
  • Start - Allow to set page that is displayed at first when you run slideshow
  • Step - Set the number of items for each slide transition
  • Speed - Allow to set the speed of slider
  • Interval - Allow to set interval timer
  • Stop on Hover - Allow to stop effects when users hover
  • Show Next-Prev Button - Allow to Show Next-Prev Button OR not
  • # Column - Allow to set the number of column for devices
    • For devices have screen width from 1200px up 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.
Products Options  
    • # Column - Allow to set the number of column for devices
      • For devices have screen width from 1200px up 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.

Product Image

        • Display - Allow to display image of product OR not
        • Image Width - Allow to set the width of image
        • Image Height - Allow to set the height of image

Product Title

        • Display - Allow to display title of product OR not
        • Max Length - Allow to set the max length of title

Product Description

        • Display - Allow to display title of description OR not
        • Max Length - Allow to set the max length of description

Others

      • Display Price - Allow to display price OR not.
      • Display Reviews Summary - Allow to display reviews summary OR not.
      • Display Add To Cart - Allow to display Add To Cart OR not
      • Display Add Wishlist - Allow to display Wishlist OR not.
      • Display Add Compare - Allow to display Add Compare OR not
      • Display Readmore Link - Allow to display Readmore link not.
      • Display Readmore Text - Allow to input name of Readmore text. For example: Details

Effect

    • Speed - Allow to set the speed of slide
    • Interval - The duration to change to next slide.
    • Select Effect - Allow to select effect

Advanced Options

  • Include jQuery - Use jQuery from this module or not
  • Pre-text - The content to show at the top of module
  • Post-text - The content to show at the end of module

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!