slick_pro_customizer

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.