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

# Search

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

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

1. In the theme editor (**Customize**), open the template selector.
2. Select **Others**, then **Search.**
3. On the left-sidebar, Select **Search results**
4. Make necessary changes > **Save.**
   {% endhint %}

## Settings

<div><figure><img src="/files/r8yp3P5ONbwgAg8B68OT" alt=""><figcaption></figcaption></figure> <figure><img src="/files/x0oB7F5q7dUUc7yxiPuz" alt=""><figcaption></figcaption></figure></div>

* **Width** - With of this section 3 options : Boxed / Wide / Full
* **Products per page** - Set the number of Products per page
* **Products per row (desktop)** - the number of Products per row
* **Column gap**  ⇒ Spacing each column
* **Row gap ⇒** Spacing each row

### Filtering and sorting

* Filter type - Vertical / Drawer ( Drawer is the default mobile layout. )

{% tabs %}
{% tab title="Vertical" %}

<figure><img src="/files/vZHi5SDfoOOKgym1rRBM" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Drawer" %}

<figure><img src="/files/r8207JiQEfZDsF2W0ALY" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

* **Enable filtering**  - When enabled, it will display the configured filter options, allowing you to filter products. Customize filters with the Search & Discovery app. [Learn more](https://help.shopify.com/manual/online-store/search-and-discovery/filters)
* **Enable sorting** - When enabled, it will display sorting options for arranging products
* **Show filter values count** - Display the quantity in filter&#x20;
* **Show product count** - Display the quantity of products when filtering
* **Collapsible state** -  Expanded / Collapsed
* **Show color swatches** - You can config  [color swatches](/edge-theme/theme-settings/color-swatch.md)
* **Filter color type** - Inline / List

### Blog card

* **Show date**
* **Show author**
* **Show category**

### Mobile Layout

* Products per row (mobile)&#x20;

### Section padding

* Top padding
* Bottom padding