Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeLatest ProductsExtension User-GuidesSJ News Scroller Userguide
This guide is intended for News Scroller 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 sale 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
  • Data Source - Choose the source of content that is used with this module
  • Child Categories Articles - Include child categories OR not
  • Categories Depth - Set sub-categories level to include
  • Featured Articles - Include featured articles OR not
  • Article Field to Order By - Allow to choose the criterion for order
    • Title
    • Date
    • Hits
    • Date Created
    • Date Modified
    • Random
  • Ordering Direction - Choose the ascending or decending for sorting articles
  • Count- Allow to set total of articles to be shown by module
ITEM OPTIONS
    Title Options
  • Display title - Show the title of entries OR not
  • Title Maxlength - Allow to set the length of entries 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
  • Tags Display - Show tags OR not
  • Position Top - Set position for description
  • Position Left - Set position for description
  • Transition - Set effect for description transition










  • Readmore Options
  • Display Readmore Links - Show Readmore OR not
  • Readmore Text - Allow to set text instead of "Readmore"
  • Position Top - Set position for description
  • Position Left - Set position for description
  • Transition - Set effect for description transition
IMAGE OPTIONS
  • From Image Intro- Allow you to get Intro image OR not
  • From Image Fulltext- Allow you to get Fulltext image OR not
  • From Inline Introtext- Allow you to get image from Introtext OR not
  • From Inline Fulltext- Allow you to get image from Fulltext OR not
  • From External - Allow you to get images from external source OR not
  • Order to Get - Set order: image_intro...,external OR external,image_intro
  • External Folder - Set path to external image folder used by option above
  • Use Default Image - Allow you to use a placeholder image when entries' 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 big image
  • Height - Allow you to set the height of the big 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 autoplay 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
  • 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 News Scroller 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 sale 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
  • Data Source - Choose the source of content that is used with this module
  • Child Categories Articles - Include child categories OR not
  • Categories Depth - Set sub-categories level to include
  • Featured Articles - Include featured articles OR not
  • Article Field to Order By - Allow to choose the criterion for order
    • Title
    • Date
    • Hits
    • Date Created
    • Date Modified
    • Random
  • Ordering Direction - Choose the ascending or decending for sorting articles
  • Count- Allow to set total of articles to be shown by module
ITEM OPTIONS
    Title Options
  • Display title - Show the title of entries OR not
  • Title Maxlength - Allow to set the length of entries 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
  • Tags Display - Show tags OR not
  • Position Top - Set position for description
  • Position Left - Set position for description
  • Transition - Set effect for description transition










  • Readmore Options
  • Display Readmore Links - Show Readmore OR not
  • Readmore Text - Allow to set text instead of "Readmore"
  • Position Top - Set position for description
  • Position Left - Set position for description
  • Transition - Set effect for description transition
IMAGE OPTIONS
  • From Image Intro- Allow you to get Intro image OR not
  • From Image Fulltext- Allow you to get Fulltext image OR not
  • From Inline Introtext- Allow you to get image from Introtext OR not
  • From Inline Fulltext- Allow you to get image from Fulltext OR not
  • From External - Allow you to get images from external source OR not
  • Order to Get - Set order: image_intro...,external OR external,image_intro
  • External Folder - Set path to external image folder used by option above
  • Use Default Image - Allow you to use a placeholder image when entries' 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 big image
  • Height - Allow you to set the height of the big 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 autoplay 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
  • 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 17
SA Dang Truong

SA Dang Truong

Blogger at SmartAddons

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