# Search and filters

> The values of `filter` inside `smootify-search-discovery`.

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

## At a glance

| Way | `data-action` | Shows | Good to know |
|---|---|---|---|
| Previous and next | `previous`, `next` | one page at a time | the best choice for large catalogs |
| Page numbers | `page` | one page at a time, with the numbers to jump to, between previous and next | on a collection, it needs the Availability filter (see Page numbers) |
| Load more | `load` | the next page, added below the products shown, on a click | every page adds cards, which slows phones down on large catalogs |
| Load as the visitor scrolls | `load-in-view` | the next page, added below when the button scrolls into view | every page adds cards, which slows phones down on large catalogs |

More in [the guide](https://www.smootify.io/docs/build/filters).

## Where it can go

- **Inside** [`smootify-search-discovery`](https://www.smootify.io/docs/reference/elements/smootify-search-discovery).

## Values

| Attribute and value | What it is | Notes |
|---|---|---|
| `filter="count"` | Result count | on text |
| `filter="active"` | Active filters | Template: one per active filter, a click removes it; on container, link, button |
| `filter="active-label"` | Active filter label | on text |
| `filter="active-count"` | Active filter count | on text |
| `filter="empty-state"` | Empty state | on container |
| `data-action="load"` | Load more | on button; inside smootify-search-discovery, smootify-search-page |
| `data-action="previous"` | Previous page | on button; inside smootify-search-discovery, smootify-search-page; also read as prev |
| `data-action="next"` | Next page | on button; inside smootify-search-discovery, smootify-search-page |
| `data-action="load-in-view"` | Load when in view | on button; inside smootify-search-discovery, smootify-search-page |
| `data-action="page"` | Page number button | Template: one per page number shown; the current page gets is-active; on button; inside smootify-search-discovery, smootify-search-page |
| `filter="page-number"` | Page number | Inside the page number button; without it, the button’s text; on text; inside smootify-search-discovery [data-action=“page”], smootify-search-page [data-action=“page”] |
| `filter="page-ellipsis"` | Page gap | Template where page numbers are skipped; optional; on text, container; inside smootify-search-discovery, smootify-search-page |
| `filter="page-current"` | Current page | on text; inside smootify-search-discovery, smootify-search-page |
| `filter="page-total"` | Total pages | Empty until the total is known; on text; inside smootify-search-discovery, smootify-search-page |
| `type="reset"` | Reset the filters | on button; inside smootify-search-discovery, smootify-search-page |