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 K2 Slick Slider Userguide

This guide is intended for SJ K2 Slick 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.
To see userguide for previous version: Click Here

REQUIREMENTS

Joomla! v1.5, 1.7, 2.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. This module with sample layout is below:

SJ K2 Slick Slider

2. Configuration

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

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

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

  • Basic Options
  • Source Options
  • Item Options
  • Image Options
  • Effect Options
  • Advanced Options
Let's look at the parameters in detail:
BASIC OPTIONS
  • Module Class Suffix - Allow you to choose another CSS class that suits your template
  • Select A Theme - Allow you to choose one of 2 themes available
  • Button Theme - Allow you to choose Button themes: Number button OR Cycle button
  • Link Target - Allow to select open link in the Sample/New/ Popup window.
  • Button Position - Allow to choose positions to place navigation buttons:
    • Top Left
    • Top Right
    • Bottom Right
    • Bottom Left
SOURCE OPTIONS
  • Source - Allow to choose source to show item
    • Retrieve items from categories
    • Select specific items
Retrieve items from categories
  • Category filter - Allow to choose all or only selected categories
  • Select one or more categories - If above choice is "select", you must to select categories that are used in this module
  • Fetch items from children categories - Allow to get data from child categories or not
  • Item count - Allow to set number of articles which will be displayed in the module. Set value "0" if you want to display all items.
  • Item ordering - Select the item ordering way:
    • Oldest first (by date created)
    • Most recent first (by date created)
    • Most recent first (by date published)
    • Title Alphabetical
    • Title Reverse-Alphabetical
    • Ordering
    • Ordering reverse
    • Most popular
    • Highest rated
    • Most recommented
    • Latest modified
    • Random Ordering
  • Featured Items - Allow to show/hide/show only featured items
Select specific items
  • Add items - Allow to select specific item to be shown
  • Drag and drop to re-order item - Allow to drag and drop to re-order items that you selected in "Add items" param. It also allows to remove item by click the remove icon
ITEM OPTIONS
Item Options
  • Display Title - Allow to show title OR not
  • Title Maxlength - Allow to set the length of item title, set 0 for showing full title
  • Ending character - Set ending character of title when using the truncating the title
Description Options
  • Display Description - Allow to show item description OR not
  • Description Maxlength - Allow to set the length of item description, set 0 for showing full description
  • Ending character - Set ending character when using the truncating the description
  • Tags Display - Allow to show/hide tags for each items
Readmorre Options
  • Display Readmore Link - Allow to show Readmore link OR not
Image Position
  • Imag Position - Allow to choose position of image: Left OR Right
IMAGE OPTIONS

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

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

 

 

EFFECT OPTIONS
  • Start Slide - Allow to set the slide which should be initially displayed.
  • Pause when hover - Allow you to pause when hover or not
  • Auto Play - Allow you to set autoplay for sliding or not
  • Interval - Allow you to set speed of timer
  • Effect Options - Allow to select effects: Slider OR Fade
  • Swipe - Allow users to use swipe gesture for switching pages on touchscreens
ADVANCED OPTIONS
  • Alternative Layout - Allow to use a different layout from the supplied module or overrides in the templates
  • 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









This guide is intended for SJ K2 Slick 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.
To see userguide for previous version: Click Here

REQUIREMENTS

Joomla! v1.5, 1.7, 2.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. This module with sample layout is below:

SJ K2 Slick Slider

2. Configuration

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

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

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

  • Basic Options
  • Source Options
  • Item Options
  • Image Options
  • Effect Options
  • Advanced Options
Let's look at the parameters in detail:
BASIC OPTIONS
  • Module Class Suffix - Allow you to choose another CSS class that suits your template
  • Select A Theme - Allow you to choose one of 2 themes available
  • Button Theme - Allow you to choose Button themes: Number button OR Cycle button
  • Link Target - Allow to select open link in the Sample/New/ Popup window.
  • Button Position - Allow to choose positions to place navigation buttons:
    • Top Left
    • Top Right
    • Bottom Right
    • Bottom Left
SOURCE OPTIONS
  • Source - Allow to choose source to show item
    • Retrieve items from categories
    • Select specific items
Retrieve items from categories
  • Category filter - Allow to choose all or only selected categories
  • Select one or more categories - If above choice is "select", you must to select categories that are used in this module
  • Fetch items from children categories - Allow to get data from child categories or not
  • Item count - Allow to set number of articles which will be displayed in the module. Set value "0" if you want to display all items.
  • Item ordering - Select the item ordering way:
    • Oldest first (by date created)
    • Most recent first (by date created)
    • Most recent first (by date published)
    • Title Alphabetical
    • Title Reverse-Alphabetical
    • Ordering
    • Ordering reverse
    • Most popular
    • Highest rated
    • Most recommented
    • Latest modified
    • Random Ordering
  • Featured Items - Allow to show/hide/show only featured items
Select specific items
  • Add items - Allow to select specific item to be shown
  • Drag and drop to re-order item - Allow to drag and drop to re-order items that you selected in "Add items" param. It also allows to remove item by click the remove icon
ITEM OPTIONS
Item Options
  • Display Title - Allow to show title OR not
  • Title Maxlength - Allow to set the length of item title, set 0 for showing full title
  • Ending character - Set ending character of title when using the truncating the title
Description Options
  • Display Description - Allow to show item description OR not
  • Description Maxlength - Allow to set the length of item description, set 0 for showing full description
  • Ending character - Set ending character when using the truncating the description
  • Tags Display - Allow to show/hide tags for each items
Readmorre Options
  • Display Readmore Link - Allow to show Readmore link OR not
Image Position
  • Imag Position - Allow to choose position of image: Left OR Right
IMAGE OPTIONS

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

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

 

 

EFFECT OPTIONS
  • Start Slide - Allow to set the slide which should be initially displayed.
  • Pause when hover - Allow you to pause when hover or not
  • Auto Play - Allow you to set autoplay for sliding or not
  • Interval - Allow you to set speed of timer
  • Effect Options - Allow to select effects: Slider OR Fade
  • Swipe - Allow users to use swipe gesture for switching pages on touchscreens
ADVANCED OPTIONS
  • Alternative Layout - Allow to use a different layout from the supplied module or overrides in the templates
  • 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








Last modified on 02

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