> For the complete documentation index, see [llms.txt](https://adornthemes.gitbook.io/vogal-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://adornthemes.gitbook.io/vogal-theme/theme-settings/search.md).

# Search

{% hint style="success" %}
**Steps:**

* In the theme editor, click **Theme settings**
* Locate **Search**
* Set all options required for store search and click save
  {% endhint %}

Search options and settings

* Enable to display search icon or direct display large search box in header.
* **Enable Product Suggestions:** Show product suggestion list when user type in search box.

<div align="left"><figure><img src="/files/lik95RPLl7YAwmFq48k5" alt=""><figcaption></figcaption></figure></div>

* **Hide Price.** Enable this option to hide price for product suggestion list.

<div align="left"><figure><img src="/files/VCsFsSpVl0ZnnklpSLof" alt=""><figcaption></figcaption></figure></div>

* **Select Drawer text, background and border colors.**
* Set Drawer title, font size, color and text field placeholder text.

<div align="left"><figure><img src="/files/P7bKwZrHsObRZR9gAfjV" alt=""><figcaption></figcaption></figure></div>

* **Search Box: Set colors and style for large search box** that is directly visible on header.    &#x20;

<div align="left"><figure><img src="/files/OQUYIZSoGdYdgKGUlLb4" alt=""><figcaption></figcaption></figure></div>

* **Popular Search Keyword:**  Show popular/quick search keywords. Add title for keywords list and add all keywords.

<div align="left"><figure><img src="/files/7stYufhdTzF4iGPIBq9s" alt=""><figcaption></figcaption></figure></div>

* **Product Recommendations:** Show list of products from popular or top rated or trending collection.

<div align="left"><figure><img src="/files/s2pLT3WFbS4FZgLHsyOY" alt=""><figcaption></figcaption></figure></div>