This module allows you to create and configure Slick carousels directly within Drupal blocks. You can manage multiple carousels and their individual settings, like displayed slides, autoplay, and navigation, all through a user-friendly block interface. This provides a convenient way to integrate and customize carousels without needing to edit templates directly.
Slick Pro Customizer is a Drupal 10 module that allows developers to configure Slick carousels directly via a block. Each block can manage multiple carousel elements with granular options for desktop and mobile.
Key Features:
Block-Based Configuration: Add a “Slick Pro Customizer” block and configure multiple carousel elements in a single interface.
Primary Options:
CSS selector for targeting the carousel.
Number of slides to show on desktop and mobile.
Autoplay toggle and speed.
Transition speed.
Secondary Options:
Enable/disable dots and arrows.
Infinite looping.
Custom previous/next arrow HTML.
Center mode with configurable padding for desktop and mobile.
Dynamic Form Handling: Add or remove carousel elements directly in the block configuration form.
Automatic Preprocessing: The block automatically attaches a JavaScript library and passes configuration via drupalSettings to apply the settings to the targeted carousels.
Developer-Friendly: Eliminates the need to manually edit templates, making carousel theming and integration straightforward.
Technical Details:
Uses a #table form to manage multiple carousel elements.
Saves block configuration, rebuilds form dynamically when adding new elements.
Outputs drupalSettings.slickProCustomizer for front-end JS consumption.
Fully compatible with the core Slick module and Drupal 10.