Store setup

Search

Set up the search panel, search suggestions and the search results page, and tune results with Search & Discovery.

Customers search from the search icon in the header. It opens a search panel with predictive search: it suggests products, collections and pages as they type. Pressing Enter opens the full search results page.

Show the search icon

  1. In the theme editor, select the Header section.
  2. Turn on Show search.

The icon appears in the header on desktop and next to the menu button on mobile.

Search suggestions

Suggestions appear in the search panel a moment after the customer stops typing. Turn them on or off in Theme settings > Search.

Setting What it does Default
Enable search suggestions Shows results in the search panel while customers type. When off, the panel is a plain search field. On
Show price in suggestions Shows the price next to each suggested product. On

The panel shows up to four results of each type, grouped under headings:

  • Suggestions: popular search terms that match what's typed.
  • Products: with image, and price when turned on. Sold out products appear after available ones.
  • Collections
  • Pages: blog posts and pages.

A Search for "…" button at the bottom opens the full results page.

See the theme settings reference.

Search results page

The search results page uses the Search results section. It shows a search field at the top and the results below in a grid. Products show as product cards, and blog posts and pages show as cards with an "Article" or "Page" label.

Setting Default
Results per page 24
Columns on desktop 4
Enable filtering On
Desktop filter layout Drawer
Enable sorting On

Filters and sorting work the same way as on collection pages. See Collections and filters and the Search results reference.

To edit the page, open the theme editor and choose Search in the page menu at the top.

Tune results with Search & Discovery

What appears in search results is controlled by Shopify, not by the theme. The free Search & Discovery app lets you adjust it:

  • Synonyms: make "sofa" also find "couch".
  • Product boosts: move chosen products to the top for a search term.
  • Filters: choose which filters appear on the search results page.

Changes in the app apply to both the search panel and the results page.

Tips

  • Use clear product titles and fill in product types, vendors and tags. Shopify searches all of them.
  • Search the words your customers use, such as a misspelling or a nickname, and add synonyms for any that return nothing.
  • If you have a blog, write post titles that answer questions. Posts appear in suggestions under Pages.

Edited . Written for Vellora 1.0.0.

Something unclear or missing? Contact support.