Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeJ! ExtensionsCommercial ExtensionsExtension User-GuidesSJ Scroller for JoomShopping Userguide
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

Love all our templates?

Join our membership clubs starting at $49 only for access to all of our templates

Join Now
Home Pricing
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
SearchSupport
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes