Zodiac Style Plugin
139 sites
Security covered
This module provides a responsive carousel style plugin for Views using the Zodiac library. It allows you to configure various options such as autoplay, slide spacing, and the number of visible items, with support for screen-size-specific settings.
Introduction
This module provides a Views style plugin for Zodiac — a dependency-free carousel written in TypeScript. It handles responsive options using standard media queries, making it a seamless fit with Drupal's breakpoint system.
Configuration
The following style plugin settings are available for configuration:
- Autoplay: Enables or disables automatic sliding.
- Autoplay Speed: The delay between automatic slide transitions.
- Enable Live Region: Announces the current slide position and title.
- Gap: The spacing between slides.
- Infinite Scrolling: Allows the slider to loop continuously.
- Items Per View: The number of slides visible at a time.
- Live Region Text: The template for live region updates.
- Pause On Hover: Pauses autoplay when the user hovers over the carousel.
- Transition Speed: The duration of slide transitions.
- Use Breakpoint Group: Allows settings customization based on screen size.
Setup
- After enabling the module, create a new View or edit an existing one.
-
In the Format section, click on the current formatter and
select Zodiac. -
Under Settings, configure the style plugin settings as
needed. The Use Breakpoint Group option allows you to
customize settings based on screen size.