# Product Grid

1\. In the theme editor (**Customize**) > click **Product Grid**

{% tabs %}
{% tab title="Vertical Filter" %}
<figure><img src="https://742408327-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPKFglRw8xrKvTfWz3lFJ%2Fuploads%2FAv2Ct5vLmBkebXmlhnWJ%2Fimage.png?alt=media&#x26;token=2b8043b9-d00a-4117-8e45-82dffc2a781f" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Horizontal Filter" %}
<figure><img src="https://742408327-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPKFglRw8xrKvTfWz3lFJ%2Fuploads%2FkM37RfSaavCg8UQNzh6G%2Fimage.png?alt=media&#x26;token=0fd647d2-d826-4fa6-9266-ff4289de9cc6" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Drawer" %}
<figure><img src="https://742408327-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPKFglRw8xrKvTfWz3lFJ%2Fuploads%2FUfhu1rbjutOejPytuo5j%2Fimage.png?alt=media&#x26;token=7229dda2-0abd-4272-9ab2-23d8e4173c5d" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### General and layout

<figure><img src="https://content.gitbook.com/content/PKFglRw8xrKvTfWz3lFJ/blobs/vU55yxDbzlnZoujhvhxq/image.png" alt=""><figcaption></figcaption></figure>

### Filtering and Sorting

<figure><img src="https://742408327-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPKFglRw8xrKvTfWz3lFJ%2Fuploads%2FAv2Ct5vLmBkebXmlhnWJ%2Fimage.png?alt=media&#x26;token=2b8043b9-d00a-4117-8e45-82dffc2a781f" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://content.gitbook.com/content/PKFglRw8xrKvTfWz3lFJ/blobs/KJKh9JygeWC2XJdC6aon/image.png" 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://content.gitbook.com/content/PKFglRw8xrKvTfWz3lFJ/blobs/JGb8xMXG8Jq1HyxBOtEm/image.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/PKFglRw8xrKvTfWz3lFJ/blobs/ZOxcK5RV2a6Tsbp4iWLE/image.png" alt=""><figcaption></figcaption></figure>

#### Link list collection

<figure><img src="https://content.gitbook.com/content/PKFglRw8xrKvTfWz3lFJ/blobs/Xb2rUapi39YXOLgIYEvz/image.png" alt=""><figcaption></figcaption></figure>
