Zodiac Style Plugin

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

1. After enabling the module, create a new View or edit an existing one.
2. In the Format section, click on the current formatter and
   select Zodiac.
3. Under Settings, configure the style plugin settings as
   needed. The Use Breakpoint Group option allows you to
   customize settings based on screen size.