# Quick search

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.

{% hint style="info" %}
If Quick search is disabled in your **Theme settings**, clicking the search icon will redirect to the search page.
{% endhint %}

{% 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" for relevant results. Learn more in Shopify's [App guide](https://help.shopify.com/en/manual/online-store/search-and-discovery).
{% endhint %}

![](https://2417329470-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhnqe0uck0ozZhJ77wGXt%2Fuploads%2FSZOjyz3qZmMLmrt1Db2B%2Fquick-search.jpeg?alt=media\&token=c4edaa8e-d7a0-4d9a-8458-bdc032e6ddd7)

## Product results style

***

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

<details>

<summary><mark style="color:blue;"><strong>STEPS</strong></mark></summary>

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**.

</details>

<sub><mark style="color:$info;">Go to Theme settings > Quick search to find settings<mark style="color:$info;"></sub>

<table><thead><tr><th width="190">Setting</th><th width="400">Description</th><th>Options</th></tr></thead><tbody><tr><td><mark style="color:blue;">Enable quick search</mark></td><td>Enable instant search results and auto-complete suggestions in the search drawer.<br><br>When disabled, customers are redirected to the search results page.</td><td><ul class="contains-task-list"><li><input type="checkbox" checked><em><mark style="background-color:yellow;">Default</mark></em></li></ul></td></tr><tr><td><mark style="color:blue;">Product results style</mark></td><td>Choose the layout for product search results.</td><td><strong>Thumbnails list</strong><br><strong>List</strong><br><strong>Columns</strong></td></tr><tr><td><mark style="color:blue;">Show prices</mark></td><td>Show prices for products that appear in search results.</td><td><ul class="contains-task-list"><li><input type="checkbox" checked><em><mark style="background-color:yellow;">Default</mark></em></li></ul></td></tr><tr><td><mark style="color:blue;">Show vendors</mark></td><td>Show vendors for products that appear in search results.</td><td><ul class="contains-task-list"><li><input type="checkbox"><em><mark style="background-color:yellow;">Default</mark></em></li></ul></td></tr></tbody></table>

## Promotion links

***

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

<details>

<summary><mark style="color:blue;"><strong>STEPS</strong></mark></summary>

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.
4. Click **Select collections**, and choose which collections to show links before customers begin searching.
5. Click **Save**.

</details>

![](https://2417329470-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhnqe0uck0ozZhJ77wGXt%2Fuploads%2Fgit-blob-b0de3b454dfe5b65a6d74e2a84f4df9dc4ec0c9d%2Fquick-search-links.jpeg?alt=media)

<sub><mark style="color:$info;">Go to Theme settings > Quick search to find settings<mark style="color:$info;"></sub>

<table><thead><tr><th width="190">Setting</th><th width="400">Description</th><th>Options</th></tr></thead><tbody><tr><td><mark style="color:blue;">Suggested links heading</mark></td><td>Enter a title for the list of suggested links.</td><td><em><mark style="background-color:yellow;">Default</mark></em><mark style="background-color:yellow;">: "Popular collections"</mark></td></tr><tr><td><mark style="color:blue;">Links</mark></td><td>Select collections (created in your Shopify admin) to display as links.</td><td></td></tr></tbody></table>

## Searchable fields

***

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

Under **Searchable 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 width="33.33333333333334%" %}
**Author**\
**Body**\
**Product type**\
**Tag**\
**Title**\
**Variant barcode**\
**Variant SKU**\
**Variant title**\
**Vendor**
{% endcolumn %}
{% endcolumns %}

***