# Collection

{% 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. Choose **Collection** from the dropdown window.
{% endhint %}

<figure><img src="https://4042727321-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSkIHgFDpy0SIeYlayaAb%2Fuploads%2FuFZDUNjWaoNLGV6yixtC%2Fscreenshort-23.jpg?alt=media&#x26;token=e81f66e2-8646-4f64-a985-1f564aa1762b" alt=""><figcaption></figcaption></figure>

### 1. Collection Header

In Collection Header, you can set up for Collection Image and Collection Description

1. Upload one image for all collections: You can upload it right in theme editor. Please choose **Collection Image** as below:

<figure><img src="https://4042727321-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSkIHgFDpy0SIeYlayaAb%2Fuploads%2FTgeibNsJkRO1pKJmiB3E%2Fscreenshort-24.jpg?alt=media&#x26;token=b10e062a-79d9-424b-9744-66595d9765dc" alt=""><figcaption></figcaption></figure>

1. Upload different image for different collection: Please skip Step 01 above, don't upload an image in theme editor of Collection Image. Go to **Collection Admin** -> Upload an image at here:

<figure><img src="https://4042727321-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSkIHgFDpy0SIeYlayaAb%2Fuploads%2FKPfs3B8I4l3ZwBH5UsX6%2Fscreenshort-25.jpg?alt=media&#x26;token=3063bf8a-b7b5-4a10-80fa-ee8a6aecdb7c" alt=""><figcaption></figcaption></figure>

| Setting                                    | Description                                                                                                           |
| ------------------------------------------ | --------------------------------------------------------------------------------------------------------------------- |
| Background Color                           | Set the background color for the section.                                                                             |
| Background Gradient                        | Set the background gradient for the section.                                                                          |
| Layout                                     | Select the width layout of the section to be either default to the body's width, 1170px, 1770px or full screen width. |
| Spacing top - Desktop / Tablet / Mobile    | Determine the spacing of the section from the top on Desktop, Tablet and Mobile.                                      |
| Spacing bottom - Desktop / Tablet / Mobile | Determine the spacing of the section from the bottom on Desktop, Tablet and Mobile.                                   |
