# Collection Grid

In the theme editor **(Customize) => Section**, Add **Collection Grid**

{% tabs %}
{% tab title="Grid" %}
<figure><img src="https://content.gitbook.com/content/HvpHXxVsLGG7Sr7k8tL4/blobs/K3pZa50UXht80Sw2Azt6/image.png" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Collage 2 Columns" %}
<figure><img src="https://content.gitbook.com/content/HvpHXxVsLGG7Sr7k8tL4/blobs/PATw63NQBFHyZvLz5fNo/image.png" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Collage 3 Columns" %}
<figure><img src="https://content.gitbook.com/content/HvpHXxVsLGG7Sr7k8tL4/blobs/o0nUAQWeoeX6sM6T5wTL/image.png" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### General Settings

<figure><img src="https://content.gitbook.com/content/HvpHXxVsLGG7Sr7k8tL4/blobs/rGWbyLmdp7J4zDKWbbic/image.png" 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://content.gitbook.com/content/HvpHXxVsLGG7Sr7k8tL4/blobs/1rebr12uaksBTZ19M2s7/coll-grid.png" alt=""><figcaption></figcaption></figure>

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