# 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="/files/EvdKmgtU2D4Gm1jUDrA7" 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/0Q9mcmloCb6uw8RmPyF7">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](/cornerstone/header/header.md)\
> [Search page](/cornerstone/pages/templates/search-page.md)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.fluorescent.co/cornerstone/header/search-bar.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.