# Search drawer

### What It Does

The Search drawer section lets you customize your store’s search drawer.\ <br>

<figure><img src="/files/BnWh87P8rzAUa8B9CAYV" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}

#### How to Edit it

1. In the Shopify theme editor, find the **Search drawer** section in the sidebar.
2. Click on it to expand its settings.
3. Adjust the settings described below to customize its appearance and behavior.
4. Click **Save** to apply your changes.
   {% endhint %}

***

### Settings

#### **Enable in edit mode**

When enabled, the search drawer is displayed in the theme editor.

**Predictive search**

#### **Enable predictive search**

When enabled, predictive search results are displayed as customers type. Disable it to hide them.

#### **Show vendor**

When enabled, displays the vendor. Disable to hide it.

#### **Show price**

When enabled, displays the price. Disable to hide it.

#### **Number of items**

The number of items displayed per category in predictive search results.

**Search bar appearance**

#### **Search bar input color scheme**

Controls the Search bar input color scheme. Choose from: Primary, Secondary.

#### **Border width**

Sets the thickness of the border.

#### **Background opacity**

Controls the transparency level.

***

### Supported Blocks

#### Collection

See the child document for full settings: [Collection](/agnes/global-sections/search-drawer/collection.md)

#### Trending search terms

See the child document for full settings: [Trending search terms](/agnes/global-sections/search-drawer/search_term.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://moodboard-creations.gitbook.io/agnes/global-sections/search-drawer.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.