# Collection Grid

{% hint style="info" %}
In the theme editor **(Customize) => Section**, Add **Collection Grid**
{% endhint %}

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

<figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2FE4f22OnQdZwto6xv0IFa%2Fg1.jpg?alt=media&#x26;token=4a451b23-0e24-45fa-88b8-be25819ddfb3" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Collage 2 Columns" %}

<figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2F1uJPdUR8jPCN7PF9pLNp%2Fg2.jpg?alt=media&#x26;token=2d9b0984-80dd-48cc-b60e-54b7ae74118a" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Collage 3 Columns" %}

<figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2Fe2LofknZLvAhQCqxB8uy%2Fg3.jpg?alt=media&#x26;token=9fff0c7c-31bc-4437-bf21-a933f325d5bb" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### General Settings

<figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2FYKS364xL8dg67wDIOgbc%2Fg4.jpg?alt=media&#x26;token=5cd8c149-c35e-403a-8d2d-37c963e6d0c3" alt=""><figcaption></figcaption></figure>

* Select Animation
* Width of container
* Background, color
* Text content, Sub Title, Heading, Description
* Align Heading
* Layout (3 Layouts)
* Width column (Only work with Grid Layout)
* Enable/Disable Padding each column
* Section Padding (Desktop on Mobile)

### Block Settings

{% hint style="success" %}
In **Collection Grid** Section **>** Add **Collection**
{% endhint %}

<figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2Fii3jJhRakVTPRU6HvNql%2Fg5.jpg?alt=media&#x26;token=3ad0ccbc-83d2-4ab2-a77d-f1f938c5160b" alt=""><figcaption></figcaption></figure>

* Select Collection
* Image (You can customize the image for each collection)
* Color
* Enable/Disable Gradient Overlay
* Opacity, Overlay