Search page and predictive search
The search page and the search-as-you-type dropdown.
| Element | What it does | Requires |
|---|---|---|
search-empty (template) | Shown only when a query returned no products. | Every plan |
search-no-query (template) | Region shown only without a query; its suggested-query links set the query on click. | Every plan |
search-result (template) | Result template, cloned per product and filled through its search bindings. | Every plan |
search-suggestions (template) | Holds the suggested-query template, cloned per Shopify query suggestion; hidden when there are none. | Every plan |
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 | 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 | 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 |