Installation
Installing the "Page Preloader" 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
- Download the page-preloader-atom.zip file.
- UNZIP it on your computer. You will find two files and one folder - page-preloader.html.twig, page-preloader.yaml and js.
- Copy the page-preloader.html.twig and page-preloader.yaml files to
root/templates/TEMPLATE_DIR/custom/particles
(if theparticles
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. - Copy the js folder to
root/templates/TEMPLATE_DIR/custom
.
The following video shows the above steps in details (watch it in Fullscreen and FullHD for better quality). The video is for the "Slideshow" particle but the installation process is pretty much the same.
Watch the VideoInstalling on Wordpress
- Download the page-preloader-atom.zip file.
- UNZIP it on your computer. You will find two files and one folder - page-preloader.html.twig, page-preloader.yaml and js.
- Copy the page-preloader.html.twig and page-preloader.yaml files to
root/wp-content/themes/TEMPLATE_DIR/custom/particles
(if theparticles
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. - Copy the js folder 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). The video is for the "Slideshow" particle but the installation process is pretty much the same.
Watch the VideoInstalling on Grav CMS
- Download the page-preloader-atom.zip file.
- UNZIP it on your computer. You will find two files and one folder - page-preloader.html.twig, page-preloader.yaml and js.
- Copy the page-preloader.html.twig and page-preloader.yaml files to
root/user/data/gantry5/themes/THEME_DIR/particles/
(if theparticles
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. - Copy the js folder 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). The video is for the "Slideshow" particle but the installation process is pretty much the same.
Watch the VideoUsage
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.
Anyway, you might want to watch the Demo Video, which explains everything!
Watch Demo VideoDownload
You can download all particles from our Download Section.