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

{% hint style="success" %} <mark style="color:green;">**Shopify**</mark> | 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 %}

![](/files/ltsxuXMSCCEYAxvSK6za)

### 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;">STEPS</mark></summary>

In your theme editor (**Customize**):

1. Click the **Theme settings** icon.
2. Click to open the **Quick search** tab.
3. Select the **Show price** checkbox to display the product's price.
4. Select the **Show vendor** checkbox to display the product's vendor.
5. Click **Save**.

</details>

\\

***

> **Related links**
>
> [Search page](/spark/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/spark/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.