Thumbnail Gallery / Slider

Description

The component is loosely put in the gallery wrapper. Style thumbs, main preview, track, arrows in any way. Input class names of relevant wrappers, and adjust behaviors and interaction in props inside your webflow project.

This flexible component can have many use cases. It could be a thumbnail gallery for products or just an Infinite slider on your website.

Useful info

The track wrapper automatically detects whether your layout is horizontal or vertical and adjusts scroll direction accordingly. If you design for 7 thumbnails but a product only has 3, the track shrinks itself to fit. Allowing the gallery to still be infinite with no layout issues.

CMS

Works with both static content and Webflow CMS collections. Drop your collection list into the gallery wrapper and the component handles the rest.

CMS video Support

Webflow does not allow nested CMS collections — so video thumbnails are handled through a separate workaround built into this component. Add a second collection list with a video wrapper class, and it gets inserted into the track automatically, inheriting all thumb styling. Videos can be sorted via a CMS number attribute. (Read Setup / Guide)