Skip to content
This project is based on the default Gantry Helium - Owl Carousel Particle but extends it with additional features and also includes slick new designs.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
build
platform/joomla
screenshots
src
.gitignore
LICENSE
README.md

README.md

Owl Carousel Neo - Particle for Gantry

This project contains a Gantry Particle and is based on the default Gantry Helium - Owl Carousel but extends it with many useful additional features (e.g. lazy load, timed slides, ...) and also includes slick new designs. Owl Carousel Neo is an advanced version of the standard Particle created by Gantry and RocketTheme. Furthermore, it provides an easy, user friendly and GUI assisted configuration and integration. In the current revision the following CMSs are supported:

  • Joomla
  • Wordpress
  • Grav

Prerequisites

  • CMS (Joomla, Wordpress, Grav)
  • Gantry Templating Framework and Theme

Download

Choose the correct download for your target platform. The Joomla Plugin System is supported for all Gantry themes globally or locally for the templates Helium and Hydrogen. The latest Particle version is v1.0.4.


Default Particle: English / German

Legacy Particle - Gantry <5.3.2: English / German

Joomla Plugin - All Templates (Global): English / German

Joomla Plugin - Hydrogen: English / German

Joomla Plugin - Helium: English / German


Automatic Installation (Joomla only)

  1. Download the Plugin of the Owl Carousel Neo Particle for Hydrogen, Helium or Global installation.
  2. Install it over the Joomla Plugin System.
  3. Modify the custom.scss file located under /[GANTRY_THEME]/custom/scss and add the following line @import "owlcarousel-neo"; at the end. Please check the list below to determine where the template folder for your CMS is located.
  4. Don't forget that you have to import the Gantry dependencies within the custom.scss file before you import the Owl Carousel Neo Particle if not already done. Please use the following statement to import the dependencies file: @import "dependencies";

If you install the plugin globally be aware that the resource location changes to /media/gantry5/engines/nucleus

Manual Installation

  1. Download the Default or Legacy Package of the Owl Carousel Neo Particle. If you are using Gantry <5.3.2 please use the Legacy Package for compatibility reasons.
  2. Extract the files.
  3. Copy the .html.twig and the .yaml file to your particle folder /[GANTRY_THEME]/custom/particles. Please check the listing below to determine where the template folder for your CMS is located.
  4. Copy the .js file to the folder /[GANTRY_THEME]/custom/js. Create the folder if it does not exist.
  5. Copy the .scss file to the folder /[GANTRY_THEME]/custom/scss. Create the folder if it does not exist.
  6. Modify the custom.scss file located under /[GANTRY_THEME]/custom/scss and add the following line @import "owlcarousel-neo"; at the end.
  7. Don't forget that you have to import the Gantry dependencies within the custom.scss file before you import the Owl Carousel Neo Particle if not already done. Please use the following statement to import the dependencies file: @import "dependencies";

CMS Template Folder

Please be aware that the template folder path varies in dependence of the used CMS. Here is a list of the folders for the different platforms:

Wordpress

/wp-content/themes/[GANTRY_THEME]

Joomla

/templates/[GANTRY_THEME]

Grav

/user/data/gantry5/themes/[GANTRY_THEME]

Configuration

  1. Go to your Gantry templating backend (e.g. Extensions/Templates).
  2. Switch to Layout and add the new appearing Particle called Owl Carousel Neo either globally to your site (base outline), to a specific template or page by dragging it to the designated section.
  3. Configure the appearance according to your favor.

Supported Parameters, Particle Options and Features

  • All settings of the original Particle are included and compatible
  • Updated to latest version of Owl Carousel 2
  • Lazy loading of images included
  • Timing of slides (annual or one-time)
  • Slide link can be applied to title as well
  • Slide button can be "replaced" by the title link
  • Four new styles (additionally also the default Helium style)
  • Two themes (black or white)
  • Seven different control colors
  • Border radius (square or round)
  • Dot navigation alignment
  • Configuration of next/previous arrows
  • Overlay image improvement
    • all six Helium overlays included
    • five new overlays
    • or use accent overlay of current template
  • JS priority and placement (head or footer)
  • JS configuration
    • Remote, Local and Default
  • JS execution
    • Asynchronous
    • Deferred

Showroom

Insight of the Owl Carousel Neo - Gantry Particle configuration:

Backend (1) - General (1)

1

Backend (2) - General (2)

2

Backend (3) - Appearance

3

Backend (4) - API

4


A few example configurations which show the new design of the Particle:

Frontend (1) - Demo 1 - Black Mode

5

Frontend (2) - Demo 2 - Black Mode

6

Frontend (3) - Demo 3 - White Mode

7

Frontend (4) - Demo 4 - White Mode

8

Future Tasks

  • Include aria attributes for links

Known Issues

None

Dependencies

Gantry Framework

Helium Template

Owl Carousel 2

Credits

Thanks to the Gantry team for providing a modern templating framework.

by thex | gantryprojects

Copyright (c) 2019, free to use in personal and commercial software as per the license.

You can’t perform that action at this time.