Skip to content

Storefront Search Interface

This section explains the storefront search interface: the parts of Kea Labs search that shoppers see and interact with.

Use platform docs for exact dashboard entry points. For PrestaShop, start with Storefront Search Interface (PrestaShop).

The storefront search interface is the rendering of the shopper-facing search experience. It changes what shoppers see after product data has already been indexed and ranked.

Search Management controls what products are returned and in what order. Storefront Search Interface controls how the input, dropdown, results, filters, cards, and colors appear to shoppers.

This section covers four surfaces:

  • Search Box - the input field that accepts the shopper’s query.
  • Results Page - the product listing shown after a query is submitted.
  • Autocomplete - the dropdown shown under the Search Box as the shopper types.
  • Theme - the color palette applied to search surfaces.

Some deployments expose a Search Experience visual editor. Other deployments expose narrower pages such as Theme, Search Box, and Integration. Treat this section as the behavior model, not as the source of exact menu paths.

  • Search Box - behavior model for the input field, interface settings, and integration/selector placement.
  • Results Page - behavior model for the product listing, filters, sorting, pagination, and no-results states.
  • Autocomplete - behavior model for the dropdown and the blocks that can appear in it.
  • Theme - the six color tokens used by storefront search.
  1. Start with the platform page for your store.
  2. Use this section when the platform page links here for deeper context.
  3. Use Search Management for relevance, synonyms, fields, and facets.
  4. Use Technical Customization for CSS variables, classes, DOM markers, and supported template fields.

Interface changes and search-management changes are different:

  • A Theme/Search Box/layout change affects presentation and usually does not require a catalog reindex.
  • A synonym change affects query expansion and is used by new search requests after save.
  • A field-priority or indexed facet change affects indexed search data and requires an index refresh.

For PrestaShop verification, use Verify in Preview (PrestaShop).