Quick search

Header

The Quick search drawer auto-completes when customers type in the search bar to show immediate results for products, collections, articles, and pages on your store.

You can change the product results style, and promote your collections with suggested links that appear beneath the search field.

If Quick search is disabled in your Theme settings, clicking the search icon will redirect to the search page.

Shopify | You can customize search results with Shopify's Search & Discovery app. Create custom filters, select result types, and add "synonym groups" to show relevant results. See Shopify's App guide ↗ to learn more.

Product results style

In your Theme settings, you can customize the style of product results, and choose to show details like price and vendor.

STEPS

In your theme editor (Customize):

  1. Click the Theme settings icon.

  2. Click to open the Quick search tab.

  3. Select the Searchable fields that should be included when searching. Use this setting to limit search results.

  4. Change the Product results style to display product results as List, Thumbnails list, or Columns.

  5. Select the Show price checkbox to display the product's price.

  6. Select the Show vendor checkbox to display the product's vendor.

  7. Click Save.

When a search hasn't been made yet, you can promote your collections with a list of links to help customers get started.

STEPS

In your theme editor (Customize):

  1. Click the Theme settings icon.

  2. Click to open the Quick search tab.

  3. Enter text into the Suggested link heading to display a title.

    You can also disable animations for specific sections under their settings.

  4. Click Select collections, and choose which collections to show links before customers begin searching.

  5. Click Save.


Related links

Search page

Last updated