Use the carousel module to create carousel sliders.

This module depends on Slick, so make sure it's installed and loaded in first.


Use the handlers.init function to create different carousel types, each with their own settings.



Note the use of the template elements (.js-carousel__next-arrow and .js-carousel__prev-arrow) to create custom HTML for the previous and next arrows. These are removed from the DOM once the slider is initialized.

Carousel Progress

Use this pattern to display the current slide index and/or the total slide count.