Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeJ! ExtensionsExtension User-GuidesSJ Article Slider Userguide

SJ Article Slider Userguide

This guide is intended for SJ Article Slider 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 here

REQUIREMENTS

Joomla! v2.5.x and Joomla! 3.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 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

SETTINGS

1. DEMO
  • Below is Sample 1 Layout :

Sj Content Mega Slider

  • Below is Sample 2 Layout :

Sj Content Mega Slider

2. CONFIGURATION

Notes: We used the images of module's installtion on Joomla 3.x to illustrate

After installing, go to Extension -> Module Manager and find SJ Article Slider to configure

SJ Article Slider module are configured in 6 groups of parameters following:

  • Basic Options
  • Source Options
  • Articles Options
  • Effect Options
  • Image Options
  • Advanced Options
Let's look at the parameters in detail:
BASIC OPTIONS
  • Title of Slider - Allow to show title of slider
  • Open Link - Set target for links:
    • New Window
    • Same Window
    • Popup Window
  • Layout - Set Layout type (Layout 01 & Layout 02)
  • Show Control - Allow to show control: Yes/No
  • Control Type - Set 3 Control Type:
    • Type 01
    • Type 02
    • Type 03
  • Control Position - Set 3 Control Position:
    • Top
    • Bottom
    • Middle
SOURCE OPTIONS
  • Data Source - Choose the data source that is used in this module
  • Child Categories Articles - Include child categories OR not
  • Category Depth - Allow to select the level of sub-categories that you want to show
  • Featured Articles - Include featured articles OR not
  • Article Field to Order By - Allow to choose the criterion for order
  • Ordering Direction - Choose the ascending or decending for sorting articles
  • Count - Allow to set total of articles to be shown by module. The default valid is "0" for showing all articles
ARTICLE OPTIONS
  • Show Title - - Allow to show title OR not
  • Title Limit- Allow to set the title limitation
  • Show Introtext - Allow to enable/disable Introtext if you want
  • Introtext Limit - Allow to set Introtext Limitation
  • Show Read More - Allow to enable/disable Readmore button
  • Read more Text - Set text Readmore button
EFFECT OPTIONS
  • Start - Allow you set article which you want to show at the first time
  • Step - Allow you to number article will be slided
  • Speed - Allow you to set speed of slider (Larger = slower)
  • Interval - Allow you to set speed of timer (Larger = slower)
IMAGE OPTIONS

Note: Image sources will be got in the article - Click HERE

Get Image From Image Intro
  • Image Intro - Allow you to get image from Intro OR not
Get Image From Image fulltext
  • Image Fulltext - Allow you to get image from Fulltext OR not
Get Image From Inline Introtext
  • From Inline Introtext - Allow you to get image from Introtext OR not
Get Image From Inline Fulltext
  • Inline Fulltext - Allow to get image from Fulltext OR not
Get Image From Extend Folder
  • Extend Folder - Allow you to get images from external folder OR not
  • Order to Get - Set order: image_intro...,external OR not
  • Extend Folder - Set path to external image folder used by option above
  • 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/Height - Allow you to set the width/height of the big image
  • Background - Allow to set the color of image background. This is applied for showing images without full background. If the image with full background, you can see nothing to change

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/Height - Allow you to set the width/height of the small image
  • Background - Allow to set the color of image background. This is applied for showing images without full background. If the image with full background, you can see nothing to change

 

ADVANCED OPTIONS
  • Module Class Suffix - Allow you to choose another CSS class that suits your template
  • 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 - Allow to select the HTML Tag for module
  • Bootstrap Size - Allow to set the number of columns that module will use.
  • Header Tag - Allow to select the HTML Tag for module header/title
  • Header Class - Support the CSS Class for module header/title
  • Module Style - Select module style

Thank you so much for reading. If you have any questions that are beyond the scope of this help file, please send us via: Support Tickets System.

Thanks so much!

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