SAVE 30% OFF on New Purchases, Renewals - No Minimum!
0
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeJoomla ExtensionsExtension User-GuidesSJ Zoo Slideshow Pro Userguide

SJ Zoo Slideshow Pro Userguide

This guide is intended for SJ Zoo Slideshow Pro - 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

REQUIREMENTS

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

INSTALLATION

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

SETTINGS

1. This module with sample layout is below:

  • Navigation Panel: The first image of items to preview, click to choose a item.
  • Information Panel: Show title, description, thumbnails and Show Detail link of item chosen
  • Main Image: Main image for the item chosen from the thumbnails in the right information panel.
2. The parameters are divided up into the following areas:
  • Basic Options
  • Source Options
  • Main image Options
  • Navigation Options
  • Information Options
  • Effect Options
  • Advanced Options
BASIC 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 Background - Allow to set background of module
  • Module Border - Allow to choose border of module OR not
  • Open Link - The opening window for links:
    • New Window
    • Same Window
    • Popup Window
SOURCE OPTIONS
  • 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 Articles to be ordered by:
    • Priority
    • Recently add
    • Recently modified
    • Hits
    • Title
    • Random
  • Source Filter - Allow to show articles that meet some factors:
    • All Items
    • None Frontpage
    • Only Frontpage
  • Item Count - Allow to set number of items which you want to show in module

MAIN IMAGES OPTIONS
  • Image Width - Allow you to set the width of the main image
  • Image Height - Allow you to set the height of the main image
  • Image Background - Allow to set the color of image background
  • Image mode - Allow you to choose the mode of image resizing
    • None
    • Center
    • Fill
    • Fit
    • Stretch
  • Show Link on Images - Enable/Disable link for main image
NAVIGATION OPTIONS

  • Show Next Previous - Allow to show OR hide the next AND previous
  • Show Navigation - Show/hide navigation panel
  • Style Navigation - Allow to choose style of navigation panel:
    • Images: Use a thumbnail images as navigator
    • Numbers: Use ordinal number as navigator
    • Bullets: Use two bullets as navigators
  • Image Width/Height - Allow you to set the width/height of the image navigation. This param is applied for Images Navigation Style option above
  • Image Background - Allow to set the background color of image navigation when resize
  • Image mode - Allow you to choose the mode of image resizing
    • None
    • Center
    • Fill
    • Fit
INFORMATION OPTIONS
  • Position of Information - Allow to set positon of information panel
    • Right
    • Left
  • Panel Width - Allow to set width of information panel
  • Show Thumb Images - Show/hide thumbnail image of item
  • Max Sub Thumbnail - Limit number of sub thumbnails that are display in per page
  • Width/Height Sub Images - Allow to set width/height of sub image
  • Image background - Allow to set background color of sub image when resize
  • Image mode - Allow you to choose the mode of image resizing
    • None
    • Center
    • Fill
    • Fit
  • Show Title - Show/hide the title of item
  • Max Length of Title - Allow to set the number of character in main title. Choosing 0 if you want to show full title.
  • Color Title - Allow to change color of the title of item
  • Show Link Title - Enable/Disable link for Title of item
  • Show Description - Show/hide item description
  • Keep HTML - The module will keep HTML code in description if you choose "Yes"
  • Max Length of Description - Allow to set the number of character in description. Choosing 0 if you want to show full description.
  • Show Detail - Show/hide detail buttons
  • Hide Image - Allow to hide image. Format: img1.jpg, img2.png

EFFECT OPTIONS
  • Effect - Support 14 effects for your site
  • Number Slices - Allow to set number slices of image for Slice effects to create slice
  • Box Cols - Box Cols combined with Box rows and Box effects to create boxes
  • Box Rows - Box Cols combined with Box cols and Box effects to create boxes
ADVANCED OPTIONS
  • 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
  • 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
    • ...
    With:
    • 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 orginal links. Format: http://www.newlink.com
  • 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
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes