August.09.2013

SJ Scroller for JoomShopping Userguide

Written by Sarah

Published in Extension User-Guides

(0 votes)

This guide is intended for SJ Scroller for JoomShopping module only.

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 Select Type box and choose the module you have installed
Then add an instance and 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
Images Options
Effect Options
Advanced Options

BASIC OPTIONS

Module Class Suffix - Allow you to choose another CSS class that suits your template
Link Target - Set target for links clicked:
- New window
- Same window
- Popup

SOURCE OPTIONS

Categories - Choose the source of category that is used with this module
Product Order By - Allow to choose the criterion for order
- Title
- Price
- Reviews
- Hits
- ID
- Created Date
- Modified Date
- Average Rating
Product Order Dir - Choose the ascending or descending for sorting products
Limitation - Allow to set total of products to be shown by module

ITEM OPTIONS

Title Options

Display title - Show the title of items OR not
Title Maxlength - Allow to set the length of items title, set 0 for unlimited
Position Top - Set position for title
Position Left - Set position for title
Transition - Set effect for title transition

Description Options

Display Description - Show short description OR not
Description Maxlength - Allow to set the length of description, set 0 for unlimited
Position Top - Set position for description
Position Left - Set position for description
Transition - Set effect for description transition

Price Options

Display Price - Show price OR not
Position Top - Set position for price
Position Left - Set position for price
Transition - Set effect for price transition

Review Options

Display Review - Show Readmore OR not
Position Top - Set position for review
Position Left - Set position for review
Transition - Set effect for review transition

Readmore Options

Display Readmore Links - Show Readmore OR not
Readmore Text - Allow to set text instead of "Readmore"
Position Top - Set position for Readmore
Position Left - Set position for Readmore
Transition - Set effect for Readmore transition

IMAGE OPTIONS

Get Images From Image Product

Image Product - Allow you to get images from Image OR not

Get Images From Description

Description - Allow you to get image from description OR not

Get images From Extend Folder

Extend Folder - Allow you to get images from external source OR not
External Folder - Set path to external image folder used by option above
Order to Get - Set order: image_product...,external OR external,image_product
Use Default Image - Allow you to use a placeholder image when items' image is empty
Placeholder Path or Url - Allow to set path to placeholder image

Big Image Options

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 - Allow you to set the width of the big image
Height - Allow you to set the height of the big image
Background - Allow to set the color of image background

Small Image Options

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 - Allow you to set the width of the small image
Height - Allow you to set the height of the small image
Background - Allow to set the color of image background

EFFECT OPTIONS

Effect - Allow you to select one from main effects for sliding
Auto Play - Allow you to set auto-play for slideshow
Pause when Hover - Allow you to set pause being hovered OR not
Keyboard Navigation - Allow you to use arrow key for navigation
Touch Navigation - Allow you to use touch/slide for navigation
Start Slide - Allow you to set first slide
Strips - Allow to set number of strips for stripping animations
Block Cols - Allow to set number of block columns for blocking animations
Block Rows - Allow to set number of block rows for blocking animations
Animation Speed - Allow you to set how fast slideshow to slide, larger is slower!
Interval - Allow you to set time to stop between sliding, larger is slower!
Navigation Style - Allow you to choose one of 3 styles
Direction Navigation - Allow you to show direction for navigation
Control Navigation - Allow you to show control for navigation
Navigation Tooltip - Allow you to show tooltip for navigation

Timer Options

Display Timer - Allow to show small clock over big image
Timer - Allow to choose one of 3 styles for timer
Timer Position - Allow to set position for timer
Timer Background - Allow to set background for timer
Timer Color - Allow to set main color for timer
Timer Opacity - Allow to set transparency for timer
Timer Diameter - Allow to set how big is timer
Timer Padding - Allow to set padding for timer
Timer Stroke - Allow to set stroke for timer
Timer Bar Stroke - Allow to set bar stroke
Timer Bar Stroke Color - Allow to set color for bar stroke
Timer Bar Stroke Style - Allow to set style for bar stroke

ADVANCED OPTIONS

Alternative Layout - Allow you to choose custom alternative layout
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
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

This guide is intended for SJ Scroller for JoomShopping module only.

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 Select Type box and choose the module you have installed
Then add an instance and 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
Images Options
Effect Options
Advanced Options

BASIC OPTIONS

Module Class Suffix - Allow you to choose another CSS class that suits your template
Link Target - Set target for links clicked:
- New window
- Same window
- Popup

SOURCE OPTIONS

Categories - Choose the source of category that is used with this module
Product Order By - Allow to choose the criterion for order
- Title
- Price
- Reviews
- Hits
- ID
- Created Date
- Modified Date
- Average Rating
Product Order Dir - Choose the ascending or descending for sorting products
Limitation - Allow to set total of products to be shown by module

ITEM OPTIONS

Title Options

Display title - Show the title of items OR not
Title Maxlength - Allow to set the length of items title, set 0 for unlimited
Position Top - Set position for title
Position Left - Set position for title
Transition - Set effect for title transition

Description Options

Display Description - Show short description OR not
Description Maxlength - Allow to set the length of description, set 0 for unlimited
Position Top - Set position for description
Position Left - Set position for description
Transition - Set effect for description transition

Price Options

Display Price - Show price OR not
Position Top - Set position for price
Position Left - Set position for price
Transition - Set effect for price transition

Review Options

Display Review - Show Readmore OR not
Position Top - Set position for review
Position Left - Set position for review
Transition - Set effect for review transition

Readmore Options

Display Readmore Links - Show Readmore OR not
Readmore Text - Allow to set text instead of "Readmore"
Position Top - Set position for Readmore
Position Left - Set position for Readmore
Transition - Set effect for Readmore transition

IMAGE OPTIONS

Get Images From Image Product

Image Product - Allow you to get images from Image OR not

Get Images From Description

Description - Allow you to get image from description OR not

Get images From Extend Folder

Extend Folder - Allow you to get images from external source OR not
External Folder - Set path to external image folder used by option above
Order to Get - Set order: image_product...,external OR external,image_product
Use Default Image - Allow you to use a placeholder image when items' image is empty
Placeholder Path or Url - Allow to set path to placeholder image

Big Image Options

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 - Allow you to set the width of the big image
Height - Allow you to set the height of the big image
Background - Allow to set the color of image background

Small Image Options

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 - Allow you to set the width of the small image
Height - Allow you to set the height of the small image
Background - Allow to set the color of image background

EFFECT OPTIONS

Effect - Allow you to select one from main effects for sliding
Auto Play - Allow you to set auto-play for slideshow
Pause when Hover - Allow you to set pause being hovered OR not
Keyboard Navigation - Allow you to use arrow key for navigation
Touch Navigation - Allow you to use touch/slide for navigation
Start Slide - Allow you to set first slide
Strips - Allow to set number of strips for stripping animations
Block Cols - Allow to set number of block columns for blocking animations
Block Rows - Allow to set number of block rows for blocking animations
Animation Speed - Allow you to set how fast slideshow to slide, larger is slower!
Interval - Allow you to set time to stop between sliding, larger is slower!
Navigation Style - Allow you to choose one of 3 styles
Direction Navigation - Allow you to show direction for navigation
Control Navigation - Allow you to show control for navigation
Navigation Tooltip - Allow you to show tooltip for navigation

Timer Options

Display Timer - Allow to show small clock over big image
Timer - Allow to choose one of 3 styles for timer
Timer Position - Allow to set position for timer
Timer Background - Allow to set background for timer
Timer Color - Allow to set main color for timer
Timer Opacity - Allow to set transparency for timer
Timer Diameter - Allow to set how big is timer
Timer Padding - Allow to set padding for timer
Timer Stroke - Allow to set stroke for timer
Timer Bar Stroke - Allow to set bar stroke
Timer Bar Stroke Color - Allow to set color for bar stroke
Timer Bar Stroke Style - Allow to set style for bar stroke

ADVANCED OPTIONS

Alternative Layout - Allow you to choose custom alternative layout
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
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

Last modified on 27

Or share it with your friends

More in this category: « SJ Responsive Listing for JoomShopping Userguide SJ Categories Slider for JoomShopping Userguide »

SJ Scroller for JoomShopping Userguide

REQUIREMENTS

INSTALLATION

SETTINGS

REQUIREMENTS

INSTALLATION

SETTINGS

Sarah

Latest from Sarah

Love all our templates?

From Our Blog

All-in-One Solution

Custom Work Service

Our Services

Joomla Extensions

Our Brands

Connect with us