SJ Cool Showcase for Zoo

This guide will help you install SJ Cool Showcase for Zoo step by step.

When you buy the module the first time, you will have the latest version. After the first release, we will update this module regularly, please check newer versions when informed here

1REQUIREMENT – Back to top

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

  • Compatible with version Joomla: Joomla! 2.5.x and Joomla! 3.x
  • Compatible with Zoo 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 modules 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 Choose File, 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 Cool Showcase for Zoo to configure

SJ Cool Showcase for Zoo module is configured in 6 groups of parameters as following:

  • Basic Options
  • Source Options
  • Item Options
  • Image Options
  • Effect Options
  • Advanced Options

Let’s look at the parameters in detail:

Basic Options

  • Module Width – Allow to set module width
  • Module Height – Allow to set module height
  • Theme – We support 4 themes:
    • Theme 1
    • Theme 2
    • Theme 3
    • Theme 4
  • Link Target – Set target for links:
    • New Window
    • Same Window
    • Popup Window

Source Options

  • Zoo Application – Allow to select zoo application
  • Zoo Category – Allow to select zoo category
  • Child Category Articles – Allow child category articles to Include/Exclude articles from Child Category
  • Category Depth – Allow the number of child category levels to return
  • Sort Order By – Allow to sort order by
    • Recently Added
    • Most Views
    • Recently Modified
    • Ordering
    • Title
    • Random
  • Ordering Direction – Allow to select ordering direction
    • Ascending
    • Descending
  • Source Filter – Allow to filter articles source following by:
    • All Articles
    • None Frontpage
    • Only Frontpage
  • Count – Allow to select the number of articles to display. Set “0″ to display all articles

Item Options

  • Display Title – Allow to display title OR NOT
  • Title Maxlength – Allow to set the max length of title. Set “0″ to show full title
  • Display Description – Allow to display description OR NOT
  • Description Maxlength – Allow to set the max length of description. Set “0″ to show full description
  • Tags Display – Allow to show/hide tags of items
  • Display Social Buttons – Allow to display social buttons OR NOT
  • Display Related Articles – Allow to display related articles OR NOT
  • Display Readmore Link – Allow to display readmore link OR NOT
  • Read more Text – Allow to insert the text for readmore link
  • Border Image – Allow to display border of image OR NOT
Image Options
Get Image From Teaser Image 

  • Teaser Image – Allow you to get image from Teaser Image OR not

Get Images From Image

  • Image – Allow you to get images from image OR not

Get Image From Description

  • Image Description – Allow you to get image from description OR not

Get Image From Extend Folder

  • Extend Folder – Allow you to get images from external folder OR not
  • Order to Get – Set order: field_image, field_description, external OR not
  • Extend Folder – Set path to external image folder used by option above
  • Resize Mode – Allow you to choose the mode of image resizing
    • None
    • Center
    • Fill
    • Fit
    • Strech
  • Output Format – Allow to set format for all output file:
    • Default – if you want to keep original format
    • GIF
    • JPEG
    • PNG
  • Keep Transparency – Allow to keep images transparent, for PNG and GIF format
  • Width/Height – Allow you to set the width/height of the big image
  • Background – Allow to set the color of image background. This is applied for showing images without full background. If the image with full background, you can see nothing to change
  • User Default Image – Allow to set user default image OR not
  • Placeholder Path or Url – Allow to set path to placeholder image

Effect Options

  • Auto Play – Allow you set for slideshow auto play OR not
  • Stop When Hover – Allow slideshow effect stop when hover OR NOT
  • Max Items Visible – Allow you set max items visible
  • Slideshow speed – Allow you to set speed of slideshow (Larger = Slower)
  • Auto Play Interval – Allow you to set auto play interval (Larger = Slower)
  • Mouse Wheel – Allow you to select mouse wheel OR NOT
  • Show Shadow – Allow you to select show shadow for Theme1 and Theme2 OR NOT
  • Show Direction Navigation – Allow you Show Direction Navigation OR NOT
  • Style Direction Navigation – Allow you Show Full/Half style direction navigation
  • Show Direction Navigation – Allow you Show Direction Navigation OR NOT
  • Show Direction Navigation When – Allow you Show Direction Navigation when Hover/Always
  • Button Navigation – Allow you Show button navigation OR NOT
  • Distance – Allow you set distance between 2 items

Advanced Options

  • Module Class Suffix – Allow you to choose another CSS class that suits your template
  • 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-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
  • 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 module. If you have any questions that are beyond the scope of this help file, please send us via: Submit a Ticket

Thanks so much!