# Product Grid

{% hint style="success" %}
1\. In the theme editor (**Customize**) > click **Product Grid**
{% endhint %}

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

<figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2FzWsDnBMtzHgGC38FjGxt%2Fct1.jpg?alt=media&#x26;token=246d6fe9-f198-4e22-98f0-c3a2515355af" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Horizontal Filter" %}

<figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2FSO8sJ1IFs4QiM4ztpO76%2Fct28.jpg?alt=media&#x26;token=4326b98f-2d09-4270-b9ed-3ba6d6442d2b" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Drawer" %}

<figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2FOUDnEJw9li5rahjogwiW%2Fct29.jpg?alt=media&#x26;token=82a9bcc3-eeac-4530-b1c7-82d72b11ac4a" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### General and layout

<figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2FlqVZyhOET2SGjlJb6ZNp%2Fct22.jpg?alt=media&#x26;token=d1bdcac6-03b6-4dd3-bfa5-08d3b8963817" alt=""><figcaption></figcaption></figure>

### Filtering and Sorting

<figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2F7TAvCA4FphshkdERQ3iB%2Fct23.jpg?alt=media&#x26;token=0259d62d-c04b-42a2-8fb4-57f4cad6e855" alt=""><figcaption></figcaption></figure>

Config => You can config Filter and style for Size, Color

<figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2FA7u7mkbDsFA3t6mifBsI%2Fct24.jpg?alt=media&#x26;token=5bcd01cf-2798-459f-b7d7-3b9fb84b3ea7" alt=""><figcaption></figcaption></figure>

#### Follow the steps below to customize filters:

{% hint style="info" %}

1. Go to **Online store > App >** Go to **Online store > Search & Discovery**
2. Allow your customers to filter collections and search results by product availability, price, color, and more.
   {% endhint %}

<figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2FRiYykI3cvSyJeEhyJiKK%2Fct25.jpg?alt=media&#x26;token=532d97e2-19ad-4088-9d5a-632ec62d2e09" alt=""><figcaption></figcaption></figure>

<figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2FCqJcdhcGmBeW85KbQmbP%2Fct26.jpg?alt=media&#x26;token=eba71f16-e754-4d2d-bcc4-7c0e7411ea54" alt=""><figcaption></figcaption></figure>

#### Link list collection

<figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2FtTEt799N0SaBL4ugvzw4%2Fct27.jpg?alt=media&#x26;token=c0ae3d20-2cde-4d90-a9ec-bdc9ec06d422" alt=""><figcaption></figcaption></figure>