June.05.2013

SJ Image Slideshow Responsive Userguide

Written by SA Dang Truong

Published in Extension User-Guides

(0 votes)

This guide is intended for Image Slideshow 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 when informed

REQUIREMENTS

1. Joomla!, supported versions are listed in our intro page.

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 backend of Joomla!:

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 New and create one instance for module you have installed
Then configure it as SETTINGS part hereafter

SETTINGS

1. This module with sample layout is below:

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 style module with specific CSS suffix
Alternative Layout - Allow to choose one from 4 themes

SOURCE OPTIONS

Image Folder - Choose categories source to be used with
Sort Type - Allow to choose item order by name or time
Sort Order - Set direction to arrange order: random, ascending or descending
Image captions and links- Allow to set title and links for images, each one line with syntax: filename:title=TITLE-HERE&link=URL-HERE&target=_blank

ITEM OPTIONS

Display Title - Allow to show title OR not
Title Maxlength - Allow to set the length of title, set 0 for unlimited
Display Description- Allow to show description OR not
Limit Description - Allow to set the length of description, set 0 for unlimited
Display Readmore link- Allow to show Readmore link OR not
Read More Text - Set text for Readmore link

IMAGE OPTIONS

Resize Mode - Allow you to choose the mode of image resizing
- None
- Center
- Fill
- Fit
- Strech
Image Type - 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 - Allow you to set the width of product image
Height - Allow you to set the height of product image
Background - Allow to set the color of image background

EFFECT OPTIONS

Pause on Hover- Allow to pause sliding when images being hovered OR not
Auto Play- Allow you to set auto play for sliding OR not
Speed - Allow you to set speed for effects
Timeout - Allow to set time between sliding transitions
Swype - Allow swype touch for sliding
Progress Bar - Allow to show progress bar OR not
Effect - Allow to select one from 6 available or random
Animated Captions and Overlays - Allow to set effect for cations overlay: fade, slide up/down

ADVANCED OPTIONS

Include jQuery - Allow you to include jQuery from this module or another one
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 - Set wrapper tag for module
Bootstrap Size - Set width based on bootstrap for wrapper of module
Header Tag - Set tag for module title
Header Class - Set class for module title
Module Style - Override module style