# Sliders

> Product cards in Webflow sliders and Swiper.

Status: Ready (Smootify 2.0)  
URL: https://www.smootify.io/docs/reference/elements/sliders  
Updated: 2026-10-13

| Element | What it does |
|---|---|
| [`dynamic-swiper`](https://www.smootify.io/docs/reference/elements/dynamic-swiper) | CMS items become Swiper slides, then Swiper starts with the params of an inner JSON script. |
| [`product-slider`](https://www.smootify.io/docs/reference/elements/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"]`](https://www.smootify.io/docs/reference/elements/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`](https://www.smootify.io/docs/reference/elements/swiper-container) (template) | Swiper Element container that receives the slides. |
| [`swiper-slide`](https://www.smootify.io/docs/reference/elements/swiper-slide) (template) | Slide template, cloned once per CMS item or per extra product of a card. |