CMS Slider : How to make the main image changes when clicking on thumbnail located underneath

Hi everyone,

I am trying to acheive a very basic layout but somehow quite difficult to build.

I have a CMS collection with different images and I would like to have a main image in big that would change when cliking on small thumbnail images located right under. (see screenshot attached)

Here is an exemple what I would like to acheive :

I have found this clonable but I cannot get it to work properly.

Is there anyone who knows how to acheive what I am trying to build ?

Many thanks,


Here is my site Read-Only: [LINK](
(how to share your site Read-Only link)