# Search

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2F5FSI6XUW6forfbkliJyI%2F2025-04-05_12-23-55.jpg?alt=media&#x26;token=79cb7aac-0194-4229-b60c-fecc87397f36" 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="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FXeymGA1Vmj0xrg9ZMPos%2F2025-04-05_12-24-37.jpg?alt=media&#x26;token=3e29dffb-a826-4b54-bf51-c415273768c4" alt=""><figcaption></figcaption></figure> <figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FQzjlEpZo4ADOrrpAai3g%2F2025-04-05_12-25-06.jpg?alt=media&#x26;token=86384e1b-1a22-4efc-9e60-0a53cc62ada2" 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="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FAAz7p8ddQF6fUBMOOIQB%2F2025-04-05_12-28-12.jpg?alt=media&#x26;token=81d37efb-a313-40f9-845f-3fb43835cdef" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Drawer" %}

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FnF9wTaNrjmlg8ttqHyg1%2F2025-04-05_12-28-45.jpg?alt=media&#x26;token=4974e205-7fa8-474a-9a12-4dab18f3df55" 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](https://oranthemes.gitbook.io/edge-theme/theme-settings/color-swatch)
* **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