How to create a image slider with thumbnail images below that move the slides?

I am looking to create an image slider that uses thumbnail images below the slider to slide through the photos. I attached a screen shot of a website that I would like to base these feature off of as well as a link below that leads to the website. I don’t need the feature that open up the image very large (similar to how lightboxes in webflow work) just the function of the using thumbnail images to slide through the main photos. Any advice would be greatly appreciated!

https://www.ssactivewear.com/p/gildan/2000


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

Howdy @maya-design and welcome to the community :wave:

@sabanna has a tutorial that may be useful that you can check out below:

Heads up, it’s a few years old now but it should still be a useful, native solution that doesn’t require any custom code.

If for some reason that doesn’t work, you can always look into something custom like Splide or Swiper which both have functionality built-in for thumbnail navigation:

1 Like

Awesome! Thank you so much! It worked great! :smile:

1 Like