> For the complete documentation index, see [llms.txt](https://help.fluorescent.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.fluorescent.co/stiletto/pages/header/quick-search.md).

# Quick search

{% columns %}
{% column %}
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.
{% endcolumn %}

{% column %}
![](/files/o44kVAA7KoPgGgOrFKw2)
{% endcolumn %}
{% endcolumns %}

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

<h2 align="center">Product results style</h2>

***

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>

<h2 align="center">Promotion links</h2>

***

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>

<h2 align="center">Searchable fields</h2>

***

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

***