SM Tab Listing is made for showing most popular products like Most selling, Most visited, Most Reviewed, Top rating products… or categories of your store according to tabs.  In each tab, module supports ajax to show product. Moreover, you can show more products in a category with "Load more" button.

Besides, in admin panel you can set how many columns displayed for different devices. Coming with range of other options in the back-end, this module would be a perfect solution for front-end showcase of products with title, description, and price, add to cart, add to wishlist, add to compare...  We hope you will love it!

Magento Community Edition 1.7.x and 1.8.x


I. Download Extension Package from our store

  • Step 1: Login your account

  • Step 2: Go to Download > Magento Extension Clubs

  • Step 3: Click Extension Package which you want and Download it.

Before you begin the SM Tab Listing installation process, we recommend to back up your current live Magento files and database. If your store has not been available yet, get it quickly following Magento Installation Guide

  • 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

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

  • 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.

I. Set Up

  • If you want to use this module on a page, for example, Homepage; go to CMS => Page => Edit Home page item => Tab Content, add this code to a position you want:
  • {{block type="tablisting/list" name="demo1" }}
  • If you want to show other instances in other positions, add following code to the end of file app\design\frontend\default\{theme name of your store}\layout\smartaddons\tablisting.xml
  • <reference name="center">       
    <block type="tablisting/list" name="tablisting.list">
  • If you want to show instances in top of category view, add following code to the end of file app\design\frontend\default\{default OR folders to your store's values}\layout\smartaddons\tablisting.xml
  • <reference name="content">
    <block type="tablisting/list" name="tablisting.list">

II. Create Category and Product

  • Firstly, you have to Add root Category. Please go to Catalog > Manage Catagories > Add root Category. For Example: Create "Category 1". Click here
  • Secondly, you have to Add Product and each product will belong to any Category that you configure. Please go to Catalog > Manage Products > Add Product. You remember that you must fill all required field (*). For example: Create "Product 1". Click here
III. Tab Listing Configuration



Now, Log in to Magento admin, go to System -> Configuration -> SM Tab Listing (in the left). Here you will choose to configure SM Tab Listing.

The parameters are divided into five the following groups:

  • General setting
  • Module settings
  • Product selection
  • Product setting
  • Advanced setting
  • Enable: Used for enable/disable HTML output from this module
  • Title: Set title of module here

  • # Column : Display # column for each device
  • Link target: Target to open links
    - Pop up: Open links in new pop-up window
    - Same window: Open the link in the same window/tab
    - New window: Open the link in the new window/tab
  • Display Count Readmore: Show/hide readmore button

  • Type Tab Display: Allow you choose type of tab to display product:
    - Category Tab
    - Product Order Tab
  • Select Category: Allow to select which categories you want to show
  • Product order by: Allow to set products order, according to:(Price/ Date/Position/Date Created/Name/Top Rating/Most Review/Most Selling/ Most Related)
  • Product order dir: Allow to sort products in ascending OR descending order.
  • Product limitation: Set max number of products which can be showed each category

  • Product image
    - Image Width: Set width of product image
    - Image Height: Set height of product image
  • Product Title
    - Display: Allow to show title OR not
    - Max Characters: Set the limited number of character for titles
  • Product Description
    - Display: Allow to show products's description OR not
    - Max Characters: Set the limited number of characters for descriptions
    - Strip HTML Tags: Allow you to strip HTML tags for description of products
    - Keep on strip HTML Tags: If you are using Strip Html Tags, then enter tag names that you want to keep.
  • Other
    - Display Price: Allow to show price of product OR not
    - Display Review: Allow to show review of product OR not
    - Display Add to cart: Allow to show/hide add to cart
    - Display Wishlist: Allow to show/hide wishlist
    - Display Compare: Allow to show/hide compare

  • Include jQuery : Allow to choose jQuery used for module OR not
  • Pre-Text: Set the text that is showed above an instance of module
  • Post-Text: Set the text that is showed under an instance of module

Support from MagenTech will be defined as following:

  • Support time: Monday - Friday 8:30AM to 5:30PM UTC+7
  • Response Time: Within 24 hours (1 business day)

Item support includes:

  • Responding to questions or problems regarding the item and its features
  • Fixing bugs and reported issues
  • Providing updates to ensure compatibility with new software versions

Item support does not include:

  • Customization and installation services
  • Support for 3rd parties' extensions

Thank you so much for purchasing our product. If you have any questions that are beyond the scope of this help file, please send us via: Support Tickets System.