Skip to content

Search Box

The Search Box is the input field the shopper uses to enter a query. It can open an autocomplete dropdown and can submit the query to a Results Page.

Platform docs define where Search Box settings live in the admin. For PrestaShop, see Search Box (PrestaShop).

Search Box configuration usually has two different concerns:

Concern Meaning
Interface How the search input/dropdown behaves and which blocks or product-display settings are exposed by the current search experience.
Integration Which existing storefront elements should open or anchor the Search Box. This is commonly configured with desktop/mobile CSS selector lists.

Keep those concerns separate. Interface settings change the shopper-facing search behavior. Integration settings attach that behavior to a theme.

Depending on the platform and selected search experience, Search Box settings can affect:

  • whether the input opens an instant widget/dropdown;
  • which blocks are visible in the dropdown;
  • product count or product-display controls exposed by the current view;
  • desktop and mobile selector placement;
  • how the Search Box works with autocomplete and the Results Page.

The exact controls are platform-specific. Do not assume every deployment exposes the same visual editor or the same sub-tabs.

The Search Box does not own:

Saving Search Box settings updates the preview configuration. The dashboard may rebuild the preview bundle before you can test the change.

After saving, open storefront preview and test the search input on desktop and mobile. Layout, selector, and color changes do not require catalog indexing. Shoppers see the updated Search Box only after the updated search bundle is published.