# Collection Grid

To add this section, please follow below steps:

{% hint style="success" %}
**Steps:**

1. From your Shopify admin, go to **Online Store -> Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Add section** and choose **"Collection Grid"**.
   {% endhint %}

<figure><img src="https://4042727321-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSkIHgFDpy0SIeYlayaAb%2Fuploads%2FGojBZH3mk1apKFeoN2By%2Fscreenshort-146.jpg?alt=media&#x26;token=cbec7b3b-fddd-4a47-a4c6-1c520e3e45ff" alt=""><figcaption></figcaption></figure>

#### **1. Section Settings**

<table><thead><tr><th>Setting</th><th>Description</th><th data-hidden></th></tr></thead><tbody><tr><td>Layout</td><td>Select the layout width of the whole section. The options are: Default (same as the body width), Full Width (the 100% of the viewport width).</td><td></td></tr><tr><td>Spacing Top / Spacing Bottom on Desktop, Tablet, Mobile</td><td>Determine the spacing of the section from its top and bottom sections on Desktop, Tablet and Mobile separately.</td><td></td></tr><tr><td>Sub Title</td><td>Enter the Sub title for the section.</td><td></td></tr><tr><td>Sub Title Font Size on Desktop, Tablet, Mobile</td><td>Determine the font size of the Sub title on Desktop, Tablet and Mobile separately.</td><td></td></tr><tr><td>Select Font Type</td><td>Select the Font Type to be either Font Family #1 or #2. These two font families are specified in the Theme settings > Typography.</td><td></td></tr><tr><td>Sub Title Font Weight</td><td>Select the font weight of the subtitle to be either Normal, Medium, Semi Bold, Bold, Bolder or Black.</td><td></td></tr><tr><td>Sub Title text transform</td><td>Select the text transform of the subtitle to be either uppercase, lowercase, capitalize, none.</td><td></td></tr><tr><td>Sub Title Letter Spacing</td><td>Enter the letter spacing for the title.</td><td></td></tr><tr><td>Sub Title Color</td><td>Set the color for the subtitle.</td><td></td></tr><tr><td>Sub Title Spacing Bottom on Desktop, Tablet, Mobile</td><td>Determine the spacing of the title from bottom on Desktop, Tablet and Mobile separately.</td><td></td></tr><tr><td>Title</td><td>Enter the title for the block.</td><td></td></tr><tr><td>Title Color</td><td>Set the color for the title.</td><td></td></tr><tr><td>Title Font Size on Desktop, Tablet, Mobile</td><td>Determine the font size of the title on Desktop, Tablet and Mobile separately.</td><td></td></tr><tr><td>Title Spacing Bottom on Desktop, Tablet, Mobile</td><td>Determine the spacing of the title from bottom on Desktop, Tablet and Mobile separately.</td><td></td></tr><tr><td>View All</td><td>Set View All button link, icon, Font Size, Font Weight, Text Transform, Alignment, Alignment Mobile</td><td></td></tr></tbody></table>

#### **2. Block Settings**

| Setting        | Description                                       |
| -------------- | ------------------------------------------------- |
| Animation Type | Select Section Animation.                         |
| Alignment      | Select Content Horizontal and Vertical Alignment. |
| Button         | Set button text  and link.                        |

<figure><img src="https://4042727321-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSkIHgFDpy0SIeYlayaAb%2Fuploads%2F8ziFgbXDuXkouZjnOS7c%2Fscreenshort-147.jpg?alt=media&#x26;token=6c4c0434-ddf2-4b95-a6dd-4f1710d4ab19" alt=""><figcaption></figcaption></figure>