Search bar
Header
The Search bar displays in the header and lets visitors search your collections, products, and pages.
You can enable product type filters, change the product results style, and promote your collections with suggested links that appear beneath the search field.
If the Search bar 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.
Settings reference
Click the Header section to find the following settings.
| Setting | Description |
|---|---|
Show search bar | Choose to show the search bar in the header. |
Mobile search appearance | Choose to display either the full Search bar or just the Search icon on mobile. |
Go to Theme settings > Search to find the following settings.
Search bar
| Setting | Description |
|---|---|
Enable product type filter | Allow customers to search within a specific Product type ↗. We also recommend enabling the Product type filter in the Search & Discovery app so filters are applied on search pages. |
Product types | All product types are listed in the dropdown filter by default. To list specific types, use a comma-separated list (eg. "Bed Sheets, Blankets, Duvet Covers, Pillows"). |
All Products label | Change the default ‘All products’ label. |
Custom search term suggestions
Display a custom list of search suggestions when search bar is first opened.
| Setting | Description |
|---|---|
Heading | Add text to show a heading above the suggested terms. |
Search terms | Add suggested search terms in a comma-separated list. These terms will appear in a dropdown when visitors click the search bar field. |
Quick links
Display a list of suggested links when search bar is first opened.
When a search hasn't been made yet, you can display suggested links to help customers get started.
| Setting | Description |
|---|---|
Suggested links heading | Enter text into the Suggested link heading to display a title |
Suggested links | Select a menu of links that you’ve created in your Shopify admin. |
Predictive search
The following settings control the appearance of the predictive search suggested results. Learn more ↗.
| Setting | Description |
|---|---|
Heading | Add text to show a heading above the suggested terms. |
Search terms | Add suggested search terms in a comma-separated list. These terms will appear in a dropdown when visitors click the search bar field. |
Related links
Last updated