Search bar
Header
Last updated
Header
Last updated
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.
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.
Click the Header section to find the following settings.
| Setting | Description |
|---|---|
Show search bar | Choose to show the search bar in the header. If the Search bar is disabled in your Theme settings, clicking the search icon will redirect to the search page. |
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.
| 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. |
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. |
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. |
The following settings control the style 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
