Slider with thumbnails control and integration with HappyFiles (Swiper JS)

05 July 2022
Tony Nguyen
Preview demo:
Copy element:
Make sure to read this

Instructions / notes

You need to have HappyFiles plugin installed and category for your media created. We are not using Repeater element in this block because it doesn´t make sense since we are retrieving just image and its title from the media file – like this we avoid unnecessery code and bloat.

1. Set the category ID of your HappyFiles folder in PHP section of Code block (Block settings)

2. To control styling, go to CSS section of Code block and set it via variables.

3. To change number of thumbnails, go to JS section of Code block and in parameter “slidesPerView” set your desired number.