0
Welcome Guest! Login
0 items Join Now

Our Star Wars Sale is ending soon, but it's not too late to save big! It's your last chance to save 50% on themes and 35% on memberships! Act fast!
motionmailapp.com

Denali: Carousel Particle

Your Guide to Recreating Elements of the Denali Demo for Grav


Introduction

The Carousel particle displays images in a side-scrolling carousel that can be easily dragged left or right by touch or with a click of the mouse. This particle enables you to populate content either manually or directly from the CMS.

The background found in the instance on the front page of our demo is set in the Styles area of the Gantry 5 Administrator. Simply navigate to the Bottom section and choose a new background image. Items have their own individual images set in the particle settings below.

Here are the topics covered in this guide:

Configuration

Settings

These options affect the main area of the particle, and not the individual items within. You can set the title of the particle, as well as give it an introductory paragraph here.

Option Description
Particle Name This is the name of the particle used for back end management. It does not appear on the front end.
Content Source Choose between Particle and Grav as the Content Source.
Demo Mode Enables or Disables Demo Mode. If enabled the preset number will be synced with the set number.
CSS Classes Enter any CSS class(es) you wish to have apply to the particle.
Title Enter a title for the particle. This will appear on the front end.
Prev / Next Enable or Disable the prev / next navigation.
Loop Enable or Disable looping of items.
Autoplay Enable or Disable autoplay.
Autoplay Speed Enter (in milliseconds) the delay between automatic switching between items.
Pause on Hover Enable or Disable pausing of autoplay on hover.
Center Enable or Disable centering of main item.

Particle Item Options

These items make up the individual featured items in the particle. Items in this section will only appear if Particle is selected as the Content Source.

Option Description
Item Name This is the name of the item. This only appears in the back end.
Icon Select a Font Awesome icon for the item.
Caption Enter a text caption for the item.
Link Enter a URL you would like the item to link to.
Target Choose the target tab you would like the URL to open to.

Pages

Option Description
Categories Select the categories of pages this particle will display.
Number of Pages Enter the maximum number of pages to display.
Start From Enter offset specifying the first article to return. The default is '0' (the first article).
Order By Choose the type of factor to order by.
Ordering Direction Choose between Ascending and Descending as the article ordering method.
Link to Choose to link an image to either a lightcase image or a specific link.

Display

This section configures how pages are displayed.

Option Description
Image Display the image assigned to the article's Intro, Full or None.
Title Show or Hide the article's title.
Title Limit Enter the maximum number of characters in the title to display.

Found errors? Think you can improve this documentation? Please edit this page. You can also view the history of this page.