SM Super Categories

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!

×