SM Accordion Slider

This guide will help you install SM Accordion Slider - Version 1.0.0 step by step.


1REQUIREMENT - Back to top

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

  • Support Magento 1.9.x
  • Responsive Magento Extension

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/

  • Step 3: Login your Magento Admin
  • Step 4: Navigate to System => Configuration => find SM Accordion Slider module (in the left of column) to configure this 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 display this module on any page that you want, Please go to CMS > Page > Edit SM Accordion Slider > Tab Content and add this code:



3.1 Below is module layout

This module is responsive for different screens, thus it can display the item number in the two columns, the left column shows the number, title, description and price of products, and the right one displays the images of products.

3.2 Module Configuration

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

After installing, go to System -> Configuration and find SM Accordion Slider (in the left of column) to configure.
The parameters are divided into the following groups:

  • General settings
  • Source Options
  • Text Options
  • Image Options
  • Effect Options
  • Advanced Options

Let’s look at the parameters in detail:

General Options

  • Enable/Disable - Allow to enable/disable the module.
  • Title - You can enter title of module here
  • Display Title - Allow to Show/Hide title of 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
  • Select Type Slider - Support 3 type layouts: type 1, type 2 and type 3

Source Options

  • Select Source - Allow choose type of Product Source: Catalog/Media/Product IDs to Exclude.
  • Select Category - Allow you to select Category for showing products.
  • Child Category Products - Allow to include/exclude Child Category Products .
  • Category Depth - Allow to enter 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.
  • Products Limitation - Allow to set product limitation.

Text Options

Product title

  • Display Title - Allow to display title of product OR not.
  • Max Length - The limited number of characters on product title.

Text Description

  • Display Description - Allow to display description of product OR not..
  • Max Length - The limited number of characters on product description.


  • Display Price - Allow to display Price of product OR not.
  • Display Reviews Summary - Allow to show Review Summary or not.
  • Display Add To Cart - Allow to display Add To Cart OR not.
  • Display Add Wishlist - Allow to show Add Wishlist or not.
  • Display Add Compare - Allow to display Add Compare OR not.


Image Options

Display Image Slider

  • Display Image - Allow to display image of slider or Not.

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 Products 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.
  • Placeholder: show where to take the photo. If items do not have image, it will get image nophoto.

Effect Options

  • Auto Play - Allow to Enable/Disable auto play mode.
  • Pause On Hover - Allow to Stop effects when users hover Or not.
  • Starting Slide - Allow to set page that is displayed at first when you run slideshow.
  • Time out - Allow to set time between each slide in milliseconds.
  • Speed Transition Slide - Allow to set speed of the slide transition in milliseconds.
  • Tab Width - Allow to set width of each slide’s “tab” (when clicked it opens the slide).
  • Easing - Allow to choose effect .
  • Event Trigger Slide - Allow to choose event type that will bind to the “tab”.

Advanced Options

  • Include jQuery - Use jQuery from this module or not.
  • Caching - Select whether to cache the content of this 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!