# Instant Search

### 1. How to enable/disable instant search feature on your theme?

**Instant search** is the content of the search suggestions that drop down right below the search form. When **Flash Search** app is installed, it will add instant search functionality to your store. Using the search widget, visitors of your Shopify store can quickly search for products they want. If they find what they need quickly, the search functionality would help you convert more visitors into customers.

![](/files/of4HDvNWLge7bb7iZ80Q)

If you do not want to use that function, you can disable it by using the **Enable instant search feature** option.

![](/files/lZY2Vv6vmTdmDprBgwZy)

### 2. Customize Instant search

To adjust the content shows on Instant search widget, go to **Theme -> Customize -> Select Instant search**.

![](/files/zxe1SzEV5rB2bJpC6uSL)

#### 2.1. Options

**General:** Here you can **manage the parts** will show on the instant search results. You can **turn on/off** the parts that you want to show or **drag and drop** to move the position.&#x20;

![](/files/1ozEBiwgdpzaO4sYs0o8)

*Note: You can preview the changes right under **Preview** tab*.

**Maximum the number of displayed results:** You can change the number of results will show on the Instant search.

![](/files/sYks7X4OVN9ZyZDupAyJ)

**Choose which product fields are displayed:** The are many options allow you turn on/off product fields on the Instant search.

![](/files/HyIBvTErdcxyR8upqzRp)

*Result on live collection page:*

![](/files/eJuWBVRfgkinq2YMxsoI)

#### 2.2. Look and feel

On this tab, you can design everything to show up in Instant search like change layout, color, font style...

**Layout type:** You can choose one of two layout types. We have two types of layout: **Horizontal** and **Vertical.**

![](/files/DpFr5uzGnEBX9Ms5u2Md)

*Result vertical layout on live collection page:*

![](/files/AtlSeUIaCW0J0U6vIJPE)

**General:** There are some options allow you change the **background**, **hover** and **label color** for the Instant search area. Simply click on the **pen** icon to choose a color.

![](/files/1F4qp25tFhTdTMyf4gmo)

*Result on live collection page:*

![](/files/2i9bph2SddbvpfMseSTA)

**Suggestions:** You can change color for text and highlighted text of suggestion results.

![](/files/NcaUMKKiLysLUtbLtz0Y)

**Products:** Here you can change the style for product title, price, sku, vendor and review\... on Instant search.

![](/files/scLVHy1FgkedkddfbNJ8)

**Did you mean:** The options here used to change color and font weight for "Sorry, nothing found for s.Did you mean: see?" text.

![](/files/djFfW2eM8WI1ZfAV8GwB)

**View all:** The options here used to set the color for "View all results for a" text on Instant search.

![](/files/mTriUVM2kb3tNXApcl4D)

*Result on live page:*

![](/files/nJbhzek8VGDq0U4knIM7)

**Not found:** You can change color for text when no results are found.

![](/files/t7rUOC6jtJqaog5S5ftv)

*Result on live page:*

![](/files/dTo1qarX0FmoFQdlx5wq)

**Product label:** You can change font size, font weight and shape for product label.

![](/files/SgPdyWE4wj58jngTq0fT)

#### 2.3. Translations

You can **change all text** on **Instant search** here, except product title, vendor, SKU, price (they should be changed in Shopify). Our default text are in English. For example, if your store language is **German**, you can change the text to German here.

![](/files/tDRZgNbaaj5kHfqfdGiU)


---

# 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://docs.flashsearch.io/layout/customization/customize/instant-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.
