-
March.27.2013
This guide is intended for
SJ Zoo Slick Slider - 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
![](http://smartaddons.s3.amazonaws.com/images/userguide/joomla-extension/install-uninstall-j30.jpg)
- 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:
![](http://smartaddons.s3.amazonaws.com/images/userguide/joomla-extension/sj-zoo-slick-slider/layout.png)
- Image of Item: This is the first image in the description of item
- Description of Item: This is the text of item's content
- Button themes: Number button OR Cycle button
2. The parameters are divided up into the following areas:
- Basic Options
- Source Options
- Item Options
- Image Options
- Effect Options
- Advanced Options
BASIC OPTIONS
- Module Class Suffix - Allow you to choose another CSS class that suits your template
- Select a theme - Allow you to choose one of 2 themes available
- Button themes - Allow you to choose Button themes: Number button OR Cycle button
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:
- Recently add
- Most views
- Recently modified
- Hits
- Title
- Random
- Source Filter - Allow to show articles that meet some factors:
- All Articles
- None Frontpage
- Only Frontpage
- Item Count - Allow to set number of items which you want to show in module
- First Displayed Product - Allow to choose article which do you want to show at the first time
- Auto play - Allow you to set autoplay for slider
![](http://smartaddons.s3.amazonaws.com/images/userguide/joomla-extension/sj-zoo-slick-slider/03item.png)
ITEM OPTIONS
- Show Title - Show/hide the title of item
- Title Link - Enable/Disable link for Main Title of item
- Title Max Characs - Allow to set the number of character in title. Choosing -1 if you want to show full title.
- Show Desc - Show/hide description
- Desc Max Chars - Allow to set the number of character in description. Choosing -1 if you want to show full title.
- Keeping HTML - The module will keep HTML code in description if you choose "Yes"
- Des box Width - Allow to set width of description box
- Show Read More - Show/hide Read More
- Read More Text - Allow you to alter the text for Read more...
- Link Target - The opening window for links:
- Title Color - Allow to set color of article title
- Description Color - Allow to set color of article description
- Show Navigation Buttons - Show/hide navigation buttons
- 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 original links. Format: http://www.newlink.com
IMAGE OPTIONS
- Show image on the right - Allow to show image on right or left
- Select "Yes" to show image on the right
- Select "No" to show image on the left
- Link for image - Enable/Disable link for Image
- Image width - Allow you to set the width of the image
- Image height - Allow you to set the height of the 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
EFFECT OPTIONS
- Stop when hover - Allow you to stop slide when being hovered OR not
- Slideshow speed - The time to move to next article
- Time speed - The time to run effect
- Select an Effect - Support 25 effects for your site
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 - Allow to override ulr of specific item. Please click on Add Item first then enter the ID and URL for the item you want.
- 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