Sliders
Product cards in Swiper sliders.
| Element | What it does |
|---|---|
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"] | 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 (template) | Swiper Element container that receives the slides. |
swiper-slide (template) | Slide template, cloned once per .sm-dyn-item or per extra product of a card. |