# Search page and predictive search

> The search page and the search-as-you-type dropdown.

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

| Element | What it does | Requires |
|---|---|---|
| [`search-empty`](https://www.smootify.io/docs/reference/elements/search-empty) (template) | Shown only when a query returned no products. | Every plan |
| [`search-no-query`](https://www.smootify.io/docs/reference/elements/search-no-query) (template) | Region shown only without a query; its suggested-query links set the query on click. | Every plan |
| [`search-result`](https://www.smootify.io/docs/reference/elements/search-result) (template) | Result template, cloned per product and filled through its search bindings. | Every plan |
| [`search-suggestions`](https://www.smootify.io/docs/reference/elements/search-suggestions) (template) | Holds the suggested-query template, cloned per Shopify query suggestion; hidden when there are none. | Every plan |
| [`search-with-query`](https://www.smootify.io/docs/reference/elements/search-with-query) (template) | Region shown only while there is a query; its first product card can be the result template. | Every plan |
| [`smootify-search`](https://www.smootify.io/docs/reference/elements/smootify-search) | Predictive search: products and query suggestions as the customer types, in a Webflow Dropdown or a popover. The search field is input[name=“query”]; without one, the only text field (2.0), whatever its Webflow Name, is named query. A results popover (2.0) opens as the customer types, and also on a focus or click of the field, empty or not, so search-no-query shows its suggestions. | Predictive Search extension |
| [`smootify-search-page`](https://www.smootify.io/docs/reference/elements/smootify-search-page) | Full search results page driven by the query in the url or its text inputs (2.0: type=“search” too), filled with the query, with count and pagination. | Search extension |