> For the complete documentation index, see [llms.txt](https://moodboard-creations.gitbook.io/agnes/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://moodboard-creations.gitbook.io/agnes/global-sections/search-drawer.md).

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