smootify-search-discovery
Faceted product list: runs the search, renders the cards, active chips, count and pagination, and hosts the filter and sort widgets.
Where it can go
- Anywhere on the page.
- Must contain
smootify-product. - Out of place, Smootify removes it from the page.
What it requires
- The Search & discovery extension (lite or server plan, or the extension activated in the Smootify dashboard). Without it, the element does nothing.
Attributes on the element
- It reads
data-wait,limit,auto-close-details,disable-scroll,disable-scroll-on-load-more,avoid-webflow-restart,hide-empty,hide-if-single,sync-query-params,page-range,animation,easing,duration,stagger,data-expand,data-collection,data-vendor,data-tag,unavailable-products,body,menu. avoid-webflow-restart: the results render of this block fires nosmootify:render(the other renders still can). There is no generic-named twin. See Render event.
Attributes inside it
| Group | Attribute name | Values |
|---|---|---|
| Loading | skeleton | 5 |
| Search and filters | filter | 15 |
State classes
Smootify toggles inited, empty, is-filtered, has-pagination, has-page-numbers, is-single-result on it: style them in the site’s CSS for each state. See State classes.
Loading
Its code loads only on pages that have smootify-search-discovery.