# 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 %}

![](/files/o44kVAA7KoPgGgOrFKw2)

## 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>

<img src="/files/j0BGOgTLR6Vkj3sCPT5N" alt="" width="375">

<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 %}

***


---

# 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/stiletto/pages/header/quick-search.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.