SJ Categories Accordion for VitueMart

View demoMore detail
This guide will help you install SJ Categories Accordion step by step.

 

1REQUIREMENT – Back to top

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

  • Compatible with version Joomla: Joomla!2.5, Joomla! 3.x and Responsive layout.
  • Compatible with Virtuemart Version 3.1.0 Component. Download Here

2INSTALLATION – Back to top

Prepare your module package

  • Firstly, you need to UNZIP file that you have downloaded. Please note that you should choose module package that are suitable with each Joomla version which you have just downloaded.
  • Secondly, install main module (extracted mod_ file):
  • In your Administrator page, go to Extensions -> Extension Manager. In this page, click Browse, select module package.
  • Then click Upload & Install

    • Please wait for module being installed, usually within several seconds.

 

  • Now go to Extensions -> Module Manager, click Select Type box and choose the module you have installed.

  • Prepare to perform Module Configuration

3MODULE CONFIGURATION – Back to top

3.1 Below is module layout

3.2 Module Configuration

Note:We used the images of module’s installation on Joomla 3.x to illustrate.

After installing, go to Extensions -> Module Manager and find SJ Categories Accordion to configure.

SJ Categories Accordion module is configured in 6 main groups of parameters as following:

  • General Options.
  • Source Options.
  • Category Options.
  • Items Options.
  • Effect Optionss.
  • Advanced.

Let’s look at the parameters in detail:

General Options.

    • Module Class Suffix – Allow to input class suffix.
    • Link target – Allow to choose one of three
      • Parent window.
      • New window.
      • Popup window.
    • Select Layout – Allow to choose layout of module, we support 3 layouts.
    • Show Border – Allow to show/hide boder for block.
    • Block Title – You can change title for Block here.
    • Number column per page – The limit number of columns which are allowed to per page.
    • Number row per page – The limit number of rows which are allowed to per page.

Source Options.

  • Category – You can choose categories which you want to show on tabs.
  • Child Category products – Allow to include or exclude products from child categories.
  • Category Depth – The number of child category levels to return.
  • Featured products – Allow to select to show, hide or only display Featured products.
  • Product Order By – Allow to choose 1 of 7
    • Product Name.
    • ID.
    • Best sales.
    • Latest.
    • Ordering.
    • Product price.
    • Random.
  • Ordering Direction – Select the direction you would like products to be ordered by.
  • Limitation – Maximum number of products to display. Enter “0” for unlimited.
Category Options. 

  • Display Image – Allow to display Image OR not.
  • Tab Active – Allow to choose tab active. “0” is close all .
  • Tab event – We support two events when active on tabs (Click and Hover).
  • Categories order by -Sort order categories by.
    • Random.
    • Title.
    • Created.
  • Display Title – Allow to display title of item OR not.
  • Title Maxlength – The maxlength of item’s title. Set “0″ to show full title..
  • Display Description – Allow to display description of item OR not.
  • Description Maxlength – The max length of item’s description can be showed.
  • Get Images From Image Category
    • Image Category – Allow to show image category OR not.
  • Get Images From Image Description
    • Image Description – Allow to show image description OR not.
  • Get Images From Extend Folder
    • Extend Folder – Allow to show/hide Extend Folder.
    • Extend Folder – Set path to external image folder used by option above.
    • Order to Get – Order to Get image.
    • Resize Mode – Allow to choose the mode of image resizing.
    • Output Format – Output Format after resizing.
    • Keep Transparency – Allow to keep transparency of image OR not.
    • Width – Allow to set width of image.
    • Height – Allow to set height of image.
    • Background – Allow to set the color of image background.
    • Place holder Path (or Url) – The path or URL of Default Image.

Items Options.

  • Display Title – Allow to display title of item OR not.
  • Title Maxlength – The maxlength of item’s title. Set “0″ to show full title..
  • Display Description – Allow to display description of item OR not.
  • Description Maxlength – The max length of item’s description can be showed.
  • Display Created Time – Allow to show/hide created time of item.
  • Display Price – Allow to show/hide price of product.
  • Display Add To Cart – Allow to show/hide button add to cart.
  • Display Read More Link – Allow to show/hide link for readmore..
  • Read More Text – Allow to insert the text for readmore link.
  • Get Images From Product Image
    • Product Image – Allow to show/hide Product Image.
  • Get Images From Product Description
    • Description – Allow to show/hide images from product description.
  • Get Images From Extend Folder
    • Extend Folder – Allow to show/hide Extend Folder.
    • Extend Folder – Set path to external image folder used by option above.
    • Resize Mode – Allow to choose the mode of image resizing.
    • Output Format – Output Format after resizing.
    • Keep Transparency – Allow to keep transparency of image OR not.
    • Large Image width – Allow to set width of image for Type2.
    • Large Image height – Allow to set height of image for Type2 .
    • Width – Allow to set width of image.
    • Height – Allow to set height of image.
    • Background – Allow to set the color of image background.
    • Place holder Path (or Url) – The path or URL of Default Image.

Effect Options.

    • Start Slide – The zero-based index of the slide that should be initially displayed.
    • Pause On Hover – Allow slideshow effect stop when hover OR NOT.
    • Auto Play – Allow you set for slideshow auto play OR not.
    • Interval – Allow to set speed of timer (Larger = Slower).
    • Effect Options – Allow to select effect options (slide/fade).
    • Swipe – Set to true to enable swipe gesture support for advancing the slideshow forward or back.
    • Mouse Wheel – Allow to select Mouse Wheel OR not.

Advanced Options.

    • Alternative Layout – Set custom layout for this module.
    • Include Jquery – Allow you to include Jquery OR NOT.
    • Pre-text – The content to show at the top of module.
    • Post-texl – The content to show at the end of module.
    • Caching.
      • Use Global: Turn on caching
      • No Caching: Turn off caching
    • Cache Times – The time to cache.
    • Module Tag – Allow to select the HTML Tag for module.
    • Bootstrap Size – Allow to set the number of columns that module will use.
    • Header Tag – Allow to select the HTML Tag for module header/title.
    • Header Class – Support the CSS Class for module header/title.
    • Module Style – Select module style.

4SUPPORT – Back to top

Thank you so much for purchasing this plugin. If you have any questions that are beyond the scope of this help file, please send us via: Submit a Ticket

Thanks so much!