SJ Cool Loading

SJ Cool Loading plugin works with classes and creates effect when scroll to certainly position. This guide will help you install SJ Cool Loading step by step.


1REQUIREMENT – Back to top

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

  • Compatible with version Joomla: Joomla! 2.5.x, Joomla! 3.x

2INSTALLATION – Back to top

Prepare your plugin package

  • Firstly, you need to UNZIP file that you have downloaded. Please note that you should choose plug-in package that are suitable with each Joomla version which you have just downloaded
  • Secondly, install main plugin (extracted mod_ file):
  • In your Administrator page, go to Extensions -> Extension Manager. In this page, click Browse, select plug-in package.
  • Then click Upload & Install

  • Please wait for plugin being installed, usually within several seconds.
  • Now go to Extensions -> Plug-in Manager, click Select Type box and choose the plug-in you have installed

  • Prepare to perform Plug-in Configuration


Note: We used the images of plugin’s installation on Joomla 3 to illustrate

After installing, go to Extensions -> Plugin Manager and find SJ Cool Loading to configure

SJ Cool Loading plugin is configured in 3 main groups of parameters as following:

  • Basic Options
  • Effect Options
  • Advanced Options

Let’s look at the parameters in detail:

Basic Options

    • Add class – Allow to input class. And Mutiple module: the string seperated by character “,”.
    • Select Style – Allow to select effect of plugin in listbox. This param select effect for all class.
    • Repeat – Allow to repeat effect of plugin when scroll to certainly position on screen.

Effect Options

    This tab to select effect for each item.

    • Incase 1 module: Written in the form “a:a1,a2,a3”. When “a” is the sequence number of class that is filled in Add class param, “a1,a2,a3” are the sequence number of article’s module and separated by “,”. Example: 1:1,2,3 or 2:4

    • Incase of multiple modules: Written in the form “a:a1,a2,a3 – b:b1,b2,b3 – c:c1,c2,c3”. These modules are separated by ” – “

    • Note: Using the word “all” for all class same style. Example: 1:all or 1:3,5 – 2:all

Advanced Options

  • Include jQuerry – Include jQuery OR not.

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!