# Search

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FsSo5yOFWmgFbUGr5uXlO%2Fsearch-page.jpg?alt=media&#x26;token=f7f961fb-cf6f-4882-8a6c-4de06a8f68d3" 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://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FtZW4h1dvBOGHR3xuBvSQ%2Fs-f.jpg?alt=media&#x26;token=f6c60d0a-2cf5-4266-ad3c-54b3ff863362" alt=""><figcaption></figcaption></figure> <figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FE5XCvSVW1aJ3U602cdJ8%2Fs-f2.jpg?alt=media&#x26;token=9ec894a6-b6f9-4f86-97a3-4cc09e2a82e9" alt=""><figcaption></figcaption></figure></div>

* **Width** - With of this section 3 options : Container / Stretched / Full width
* **Products per page** - Set the number of Products per page
* **Products per row (desktop)** - the number of Products per row
* **Column gap**  - None / Small / Medium / Large
* **Pagination type** - Page numbers / Loadmore button / Infinite scroll

### Filtering and sorting

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

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

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FP40Xmm69sio1tIuRkgTH%2Fver.jpg?alt=media&#x26;token=a3b39848-e15d-48d0-a370-86a25aec36ba" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Drawer" %}

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2F787BtKYa6v3mmBZPKGMJ%2Fdr.jpg?alt=media&#x26;token=c3aaf076-66ff-4a01-a876-c4aac75a7fdc" 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/nimbus-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