Sliders
Product cards in Webflow sliders and Swiper.
| Element | What it does |
|---|---|
dynamic-swiper | CMS items become Swiper slides, then Swiper starts with the params of an inner JSON script. |
product-slider | At boot, each CMS item with a product card becomes a slide of a Webflow slider or Swiper. |
smootify-product[data-id="loader"] | Design placeholder card (CMS lists for SEO and no layout shift): a product source in the same slider fills the n-th one, which then loads that product; search & discovery and the search page replace the list’s cards with their first results. |
swiper-container (template) | Swiper Element container that receives the slides. |
swiper-slide (template) | Slide template, cloned once per CMS item or per extra product of a card. |