Your Cart is currently empty!
Product update
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeJ! ExtensionsExtension User-GuidesSJ Zoo Cool Accordion Userguide

SJ Zoo Cool Accordion Userguide

This guide is intended for SJ Zoo Cool Accordion - Joomla! Module
When you buy the module the first time, you will have the latest version. After the first release, we will update this module regularly, then please check newer versions in here


1. Joomla! v1.7.x and Joomla! 2.5.x latest stable versions are highly recommended.


1. Prepare your module package (zip file; please UNZIP first if it is indicated in the file name)
2. All steps are in administrator of Joomla!:
  • 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
  • Then click the module listed below to configure it as SETTINGS part hereafter


1. This module with sample layout is below:

  • Main Image: Showing the large image, configured under Image Options
  • Item: Show title, description and image of item
2. The parameters are divided up into the following areas:
  • Basic Options
  • Content Options
  • Image Options
  • Advanced Options
  • Module Class Suffix - Allow you to choose another CSS class that suits your template. Please refer more here
  • Module Width - Allow to set width of module
  • Module Height - Allow to set height of module
  • Themes - Allow to choose one of 4 themes available
  • Zoo Application - Allow to choose one of 2 applications available: Page Application OR Blog Application
  • Zoo Category - Choose the source of category that is used with this module
  • Include Subcategories - Choose category in subcategories OR not
  • Sort Order By - Select a field which you would like Items to be ordered by:
    • Recently add
    • Recently modified
    • Most Views
    • Hits
    • Title
    • Random
  • Source Filter - Allow to show items that meet some factors:
    • All Articles
    • None Featured
    • Only Featured
  • Number of Rows - You can change number of items which you want to show in a list
  • Display Item Title - You can show/hide title of item
  • Item Title Link - You can enable/disable Link of Item Title
  • Item Title Color - Here allow to change color of item title.
  • Link Target - The opening window with link:
    • Same window
    • New window
    • Popup window
  • Item Title Max Chars - The max number of characters in item title which can be showed in the module.
  • Display Desc - Allow to show/hide description of item
  • Description color - Allow to change color of item description.
  • Description Background Opacity - You can change the light and dark of opacity background. The dark will increase from 0 to 1.
  • Keep HTML - The module will keep HTML code in description if you choose "Yes"
  • Desc Max Chars - The max number of characters of item description which can be showed in the module.
  • Display Read more - Allow to show/hide Readmore
  • Read more Text - You can change text for Readmore here
  • Custom URL - This param allows you to customize the link of each article. If you do not want to go to the detail page of article, you can change the link to another. In the textarea of Custom HTML, please use the following syntax::
    • ArticleID_1:New_URL_1
    • ArticleID_2:New_URL_2
    • ...
    • ArticleID_1, ArticleID_2,... are ids of articles. You can see the Id column in Article Manager page
    • New_URL_1, New_URL_2, New_URL_3 are links which you want to replace the original links. Format:
  • On/Off images on tabs - Allow you on/off images on tabs
  • Link for image - Enable/Disable link for image
  • Small Images Width/Height - Allow to set width/height of small image
  • Image Width/Height - Allow you to set the width of the image
  • Image background - Allow to set the background color of image
  • Image mode - Allow you to choose the mode of image resizing
    • None
    • Center
    • Fill
    • Fit
    • Strech
  • Media Elements - Allow to set which elements of HTML which images can be fetched from
  • Description Elements - Allow to set which elements of HTML which description can be fetched from
  • Include Jquery - Allow to include jQuery lib OR not
  • Pre-text - The content to show at the top of module
  • Post-text - 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

Love all our templates?

Join our membership clubs starting at $49 only for access to all of our templates

Join Now
Home Pricing
Your Cart is currently empty!
Product update
Coupon code invalid! Please re-enter!
AJAX loader
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes