# Sliders

> Product cards in Swiper sliders.

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

| Element | What it does |
|---|---|
| [`dynamic-swiper`](https://www.smootify.io/docs/astro/reference/elements/dynamic-swiper) | `.sm-dyn-item` cards become Swiper slides, then Swiper starts with the params of an inner JSON script. |
| [`smootify-product[data-id="loader"]`](https://www.smootify.io/docs/astro/reference/elements/smootify-product-data-id-loader) | Placeholder card: never needed in the generic build. The card template of a list is the first smootify-product of the block, inside its .sm-dyn-item (any data-id, loader or not), cloned, and the other server-rendered cards of the list (with or without data-id=“loader”) stay until the first results replace them in one step (kept when they are the same products in the same order), and data-id=“loader” is still ignored if the markup has it. There is no slider that a source expands into loader slides. |
| [`swiper-container`](https://www.smootify.io/docs/astro/reference/elements/swiper-container) (template) | Swiper Element container that receives the slides. |
| [`swiper-slide`](https://www.smootify.io/docs/astro/reference/elements/swiper-slide) (template) | Slide template, cloned once per `.sm-dyn-item` or per extra product of a card. |