2.0 Beta

Smootify 2.0 is in public beta. Your 1.x store keeps working. Move when you want.

What changed

smootify-search

Predictive search: products and query suggestions as the customer types, in a popover. The search field is input[name="query"]; without one, the only text field (2.0), whatever its `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.

v2.0 betaAdd-on: Predictive Search
Open .md
On this page
  1. Where it can go
  2. What it requires
  3. Fields in the form
  4. Attributes on the element
  5. Attributes inside it
  6. Loading

Where it can go

  • Anywhere on the page.
  • Must contain one of input[name="query"], input[type="text"], input[type="search"], input:not([type]).
  • Out of place, it stays in the page and does nothing: without a text field, or with two and none named query.

What it requires

  • The Predictive Search extension (lite or server plan, or the extension activated in the Smootify dashboard). Without it, the element does nothing.

Fields in the form

Each field’s name attribute tells Smootify what the field holds.

NameFieldWhat it does
queryinput type="text" inputThe search text.

Attributes on the element

  • It reads limit.

Attributes inside it

GroupAttribute nameValues
Predictive searchsearch12

Loading

Its code loads only on pages that have smootify-search.

    ↑ ↓ to moveEnter to openEsc to close