SJ Grid Slider for Content

This guide will help you install SJ Grid Slider for Content module step by step.

When you buy this Joomla 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


1REQUIREMENT – Back to top

At the basic level, this module will require the following conditions:

  • Compatible with version Joomla: Joomla! 3.x

2INSTALLATION – Back to top

Prepare your module package

  • Firstly, you need to UNZIP file that you have downloaded. Please note that you should choose module package that are suitable with each Joomla version which you have just downloaded
  • Secondly, install main module (extracted mod_ file):
    • In your Administrator page, go to Extensions -> Extension Manager. In this page, click Browse, 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
  • Prepare to perform Module Configuration


3.1 Below is module layout

3.2 Module Configuration

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

After installing, go to Extensions -> Module Manager and find SJ Cool Showcase for K2 to configure

SJ Grid Slider for Content module is configured in 6 main groups of parameters as following:

  • Basic Options
  • Source Options
  • Item Options
  • Image Options
  • Effect Options
  • Advanced Options

Let’s look at the parameters in detail:

Basic Options

    • Open Link – Allow you to set target for links:
      • New Window.
      • Same Window
      • Popup Window
    • Select Theme – Allow you to select Theme1/ Theme2 for module.
    • # Column – Allow you to set number of column for each device:
      • For devices have screen width from 768px to greater.
      • For devices have screen width from 480px up to 767px.
      • For devices have screen width less than or equal 479px.

Source Options

  • Data Source – Allow you to choose Categories.
  • Child Category Articles – Include or exclude Articles from Child Categories.
  • Category Depth – The number of Child Category levels to return.
  • Featured Articles – Allow you to show/hide/show/ only display Featured Articles.
  • Article Field to Order By – Allow you to select which field you would like Articles to be ordered by. Featured Ordering should only be used when filtering Option for Featured Articles is set to “Only”.
  • Ordering Direction – Allow you to select ordering direction: Ascending/Descending.
  • Count – Allow you to set number of articles which will be displayed in the module. Set value “0″ if you want to display all articles.

Item Options
Config for theme2

  • Display Post By – Allow you to show/hide post by of item.

Config for theme1 and theme2

  • Display Created – Allow you to show/hide created of item.
  • Display Title – Allow you to display title of product OR not.
  • Title Maxlength – Max length of title by characters. Enter value 0 if you want to show all. Please enter integer number >= 0.
  • Display Description – Allow you to display description of product OR not.
  • Description Maxlength – Max length of description by characters. Enter value 0 if you want to show all. Please enter integer number >= 0.
  • Tags Display – Allow you to display Tags or Not.
  • Display Readmore Link – Allow you to show/Hide Readmore Link.
  • Readmore Text – Set text for Readmore link.

Image Options
Get Image From Image Intro

  • Image Intro – Allow you you to show/hide image intro

Get Images From Image Fulltext

  • Inline Fulltext – Allow you to get image from Fulltext OR not

Get Images From Inline Introtext

  • Inline Introtext – Allow you to get image from Inline Introtext OR not

Get Images From Inline Fulltext

  • Inline Fulltext – Allow you to get image from Inline Fulltext OR not

Get Image From Extend Folder

  • Extend Folder – Allow you to show/hide extend folder or not
  • Order to Get – Set order: k2_image, inline_introtext, inline_fulltext, external OR external, inline_fulltext, inline_introtext, k2_image
  • Extend Folder – Set path to extend image folder used by option above
  • Resize Mode – Allow you you to choose the mode of image resizing
  • Output Format – Allow you to set format for all output file:
    • Default – if you want to keep original format
    • GIF
    • JPEG
    • PNG
  • Keep Transparency – Allow you to keep images transparent, for PNG and GIF format
  • Width/Height – Allow you to set width/height of image
  • Background – Allow you 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.
  • Placeholder Path or Url – Allow you you to set path to placeholder image

Width/height for class one item

  • Width/Height – Allow you you to set width/height of image of item

Effect Options

    • Duration – Allow to set how long animation will run (Lager = Slower)
    • Delay – Allow to set a timer to delay the excution of the next item in the queue (Lager = Slower)
    • Effect – Allow to choose the effect for the module
    • Auto Play – Allow to Enable/Disable autoplay mode
    • Stop When Hover – Allow slideshow effect stop when hover OR NOT
    • Pagination Speed – Allow to set Navigation Speed
    • Rewind Speed – Allow to enter rewind speed in milliseconds
    • Slide Speed – Allow to enter slide speed in milliseconds
    • Scroll Per Page – Scroll per page not per item. This affect next/prev buttons and mouse/touch dragging
    • Mouse Events – Allow you to Show/ hide Mouse Events
    • Touch Events – Allow you to Show/ hide Touch Events

Advanced Options

  • Module Class Suffix – Allow you you you to style module with specific CSS suffix.
  • Alternative Layout – Allow you you to choose one custom layout for module.
  • 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 Time – 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.

4SUPPORT – Back to top

Thank you so much for purchasing this plugin. If you have any questions that are beyond the scope of this help file, please send us via: Submit a Ticket

Thanks so much!