SJ Cool Loading

View demoMore detail
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

3PLUGIN CONFIGURATION – Back to top

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!