Documentation

Installation

Installing the "WOW.js" atom on your website is a really simple process. You just need to follow the below instructions depending on the platform you are on.

Installing on Joomla

  1. Download the wow-atom.zip file.
  2. UNZIP it on your computer. You will find two files and two folder - wow-js.html.twig, wow-js.yaml, js and css.
  3. Copy the wow-js.html.twig and wow-js.yaml files to root/templates/TEMPLATE_DIR/custom/particles (if the particles folder does not exist, you will need to create it manually). Basically, this step is the same as the one described in the Creating a New Particle chapter in the Gantry 5 Documentation.
  4. Copy the js and css folders to root/templates/TEMPLATE_DIR/custom.

The following video shows the above steps in details (watch it in Fullscreen and FullHD for better quality).

Watch the Video


Installing on Wordpress

  1. Download the wow-atom.zip file.
  2. UNZIP it on your computer. You will find two files and two folders - wow-js.html.twig, wow-js.yaml, js and css.
  3. Copy the wow-js.html.twig and wow-js.yaml files to root/wp-content/themes/TEMPLATE_DIR/custom/particles (if the particles folder does not exist, you will need to create it manually). Basically, this step is the same as the one described in the Creating a New Particle chapter in the Gantry 5 Documentation.
  4. Copy the js and css folders to root/wp-content/themes/TEMPLATE_DIR/custom.

The following video shows the above steps in details (watch it in Fullscreen and FullHD for better quality).

Watch the Video


Installing on Grav CMS

  1. Download the wow-atom.zip file.
  2. UNZIP it on your computer. You will find two files and two folders - wow-js.html.twig, wow-js.yaml, js and css.
  3. Copy the wow-js.html.twig and wow-js.yaml files to root/user/data/gantry5/themes/THEME_DIR/particles/ (if the particles folder does not exist, you will need to create it manually). Basically, this step is the same as the one described in the Creating a New Particle chapter in the Gantry 5 Documentation.
  4. Copy the js and css folders to root/user/data/gantry5/themes/THEME_DIR/.

The following video shows the above steps in details (watch it in Fullscreen and FullHD for better quality).

Watch the Video

Usage

All particles by nature are really intuitive and easy to use. Also, most of the fields in the particle have a tooltip text that explains what it is about.

Regarding the usage of the "WOW.js" atom - you can animation every element where you can add a CSS class. You can do that for all sections in the Layout Manager, you can do that in the Module Class Suffix field for each module in the Module Manager in Joomla, you can do that for your widgets in Wordpress and also, all our particles allow you to add CSS classes on many different places. Check out the WOW.js documentation for more details. Also, check out Animate.css on Github for a list of the classes (animations) you can use.

You might also want to watch the Demo Video, which shows some of the basic things you can do with the "WOW.js" atom.

Watch Demo Video

Download

You can download all particles from our Download Section.

Become an insider | Subscribe to our Newsletter
Subscribe to our mailing list and stay up-to-date with all our awesome releases, latest updates and amazing discount offers!