# Search bar

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.

<figure><img src="https://475958657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fyt3Wwaqhge0XvrXmVj7D%2Fuploads%2FzXKqkLJoR4kpmShdvLr0%2Fsearch-bar.jpg?alt=media&#x26;token=41949f2b-0e5b-435c-a4dc-f070b5c4bd2a" alt="" width="563"><figcaption></figcaption></figure>

{% hint style="success" %}
You can customize search results with Shopify's [Search & Discovery app](https://apps.shopify.com/search-and-discovery). Create custom filters, select result types, and add "synonym groups" to show relevant results. See Shopify's [App guide](https://help.shopify.com/en/manual/online-store/search-and-discovery) to learn more.
{% endhint %}

### Settings reference

Click the **Header** section to find the following settings.

<table><thead><tr><th width="230.5">Setting</th><th>Description</th></tr></thead><tbody><tr><td><mark style="color:blue;">Show search bar</mark></td><td>Choose to show the search bar in the header.<br><br>If the Search bar is disabled in your <strong>Theme settings</strong>, clicking the search icon will redirect to the <a href="../pages/templates/search-page">search page</a>.</td></tr><tr><td><mark style="color:blue;">Mobile search appearance</mark></td><td>Choose to display either the full Search bar or just the Search icon on mobile.</td></tr></tbody></table>

Go to **Theme settings > Search** to find the following settings.

#### **Search bar**

<table><thead><tr><th width="227.796875">Setting</th><th>Description</th></tr></thead><tbody><tr><td><mark style="color:blue;">Enable product type filter</mark></td><td>Allow customers to search within a specific <a href="https://help.shopify.com/en/manual/products/details/product-type">Product type</a>.<br><br>We also recommend enabling the Product type filter in the Search &#x26; Discovery app so filters are applied on search pages.</td></tr><tr><td><mark style="color:blue;">Product types</mark></td><td>All product types are listed in the dropdown filter by default.<br><br>To list specific types, use a comma-separated list (eg. "Bed Sheets, Blankets, Duvet Covers, Pillows").</td></tr><tr><td><mark style="color:blue;">All Products label</mark></td><td>Change the default ‘All products’ label.</td></tr></tbody></table>

#### **Custom search term suggestions**

Display a custom list of search suggestions when search bar is first opened.

<table><thead><tr><th width="169.65625">Setting</th><th>Description</th></tr></thead><tbody><tr><td><mark style="color:blue;">Heading</mark></td><td>Add text to show a heading above the suggested terms.</td></tr><tr><td><mark style="color:blue;">Search terms</mark></td><td>Add suggested search terms in a comma-separated list.<br><br>These terms will appear in a dropdown when visitors click the search bar field.</td></tr></tbody></table>

#### **Quick links**

When a search hasn't been made yet, you can display suggested links to help customers get started.

<table><thead><tr><th width="208.40625">Setting</th><th>Description</th></tr></thead><tbody><tr><td><mark style="color:blue;">Suggested links heading</mark></td><td>Enter text into the Suggested link heading to display a title</td></tr><tr><td><mark style="color:blue;">Suggested links</mark></td><td>Select a menu of links that you’ve created in your Shopify admin.</td></tr></tbody></table>

#### **Predictive search**

The following settings control the style of the predictive search suggested results. [Learn more](https://help.shopify.com/en/manual/online-store/storefront-search/predictive-search).

<table><thead><tr><th width="172.796875">Setting</th><th>Description</th></tr></thead><tbody><tr><td><mark style="color:blue;">Heading</mark></td><td>Add text to show a heading above the suggested terms.</td></tr><tr><td><mark style="color:blue;">Search terms</mark></td><td>Add suggested search terms in a comma-separated list.<br><br>These terms will appear in a dropdown when visitors click the search bar field.</td></tr></tbody></table>

### Predictive search fields

***

{% columns %}
{% column %}
By default, published products, pages, and blog posts are included in search. In **Theme settings > Search**, you can choose to make more parts of your store searchable.

Under **Predictive search fields**, select the additional fields that you want to include in predictive search.

{% hint style="info" %}
Turning off a search field will not exclude fields that a searchable by default.

Learn more about using Shopify's [Search & Discovery](https://apps.shopify.com/search-and-discovery) app to customize search results.
{% endhint %}
{% endcolumn %}

{% column %}
**Author**\
**Body**\
**Product type**\
**Tag**\
**Title**\
**Variant barcode**\
**Variant SKU**\
**Variant title**\
**Vendor**
{% endcolumn %}
{% endcolumns %}

###

***

> **Related links**
>
> [Header](https://help.fluorescent.co/cornerstone/header/header)\
> [Search page](https://help.fluorescent.co/cornerstone/pages/templates/search-page)