Particles

Particles are incredibly simple building blocks that Gantry 5 themes thrive on. They are easy to set up, require no coding experience to configure, and are built on an intuitive and human-readable Twig and YAML file structure that makes developing them a breeze. You can use particles to set up your logo, display content in a way that complements the theme design, and more.

OwlCarousel

The Owl Carousel particle is a simple and elegant particle, based on the open source project of the same name by Bartosz Wojciechowski, that displays featured information in a modern slider.

Particle Configuration

OptionDescription
CSS ClassesSets the CSS class for the content of the particle.
TitleSets the title of the particle, as it will appear on the front end.
Prev NextEnables a previous / next switcher on the front end.
DotsEnables or disables pagination dots.
AutoplayEnables or disables autoplay, allowing the particle to automatically move through items.
Autoplay SpeedSets the speed at which items are automatically progressed in autoplay.
Image OverlayEnables or disables the use of image overlay in the particle.

Item Configuration

OptionDescription
ImageEnter the path to the image file you wish to use for this item.
TitleEnter a title for the item here.
DescriptionEnter a description for the item here.
LinkEnter a link for the item here.
Link TextEnter a the text you want to appear as the link for the item here.
Button ClassYou can enter a button class you wish to use for the link button here.

The Content Cubes particle is a great way to highlight some of your best content in a way that perfectly complements the theme's design. This is a natural, and aesthetically-pleasing way to ensure that your featured content stands out.

Particle Configuration

OptionDescription
CSS ClassesSets the CSS class for the content of the particle.
TitleSets the title of the particle, as it will appear on the front end.

Item Configuration

OptionDescription
ImageEnter the path to the image file you wish to use for this item.
Image PositionSet whether the image will appear to the left or the right of the text in the item.
LabelEnter a label that appears on the top of the title of the item.
TitleEnter a title for the item. This appears on the front end.
LinkEnter a link that you would like the item to take visitors to when selected.
Link TextEnter any text you would like to have appear as the link.
Button ClassSet a class that will apply to the link's button for this item in the particle.
Button TargetSet the way you would like the link to open. You can choose between Self and New Window.

Item Tags Configuration

OptionDescription
Tag NameThe name of the tag becomes the tag's name on the front end.
Tag IconSelect a Font Awesome icon you would like to appear alongside the tag's name on the front end.
Tag LinkYou can set a specific link that clicking on the tag will take the visitor to, here.

Content Tabs

  • The Content Tab particle is incredibly easy to set up and deploy in your website. You can create a new tab with a single click, name it, and enter its content in plain text or HTML to create a look and feel that meets your needs.
  • The Content Tabs particle makes it possible to pack a lot of content into a small space, without sacrificing ease of use. Your visitors can browse between labeled tabs and explore your content without having to scroll through a wall of text.
  • Create as few or as many tabs as you need, apply custom CSS classes, and position this particle wherever you would like it to go. The Content Tabs particle looks as good on a large desktop as it does on a mobile phone.

The Content Tabs particle enables you to pack a lot of useful information into a compact space that is easy to configure and intuitive to navigate.

Particle Configuration

OptionDescription
CSS ClassesSets the CSS class for the content of the particle.
Animation TypeSets the the animation type used when switching between tabs. You can choose between: Slide Left, Slide Right, Slide Up, Slide Down, Fade, and Toggle.

Item Configuration

OptionDescription
Item NameThe name of the item becomes the title used for the tab on the front end.
Tab ContentEnter HTML content you would like to display in your tab as its content body here.

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

Consulte la política de privacidad y nuestro aviso legal

ACEPTAR
Aviso de cookies