# Collection banner

{% embed url="https://salesiq.zohopublic.in/signaturesupport.ls?widgetcode=siq93f38201da244cbe219b2cab71813c85342abc57dd769c6885e2bde57d2b90da" %}

## Adding metafield definition <a href="#adding-metafield-definition" id="adding-metafield-definition"></a>

Before you can add Collection image(metafield value) to specific collections, you need to add the necessary metafield definition for this information.

1. From your Shopify admin, go to **Settings** > **Custom data** > **Collections**

<figure><img src="https://959312205-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F28lMEJOSKsqmdpx3Cfa4%2Fuploads%2Fg6AEEeGdCsobLXSHZ4za%2Fcoll-banner1.png?alt=media&#x26;token=699ad5f9-ac7e-416b-b48d-2da96533f593" alt=""><figcaption></figcaption></figure>

<figure><img src="https://959312205-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F28lMEJOSKsqmdpx3Cfa4%2Fuploads%2Fwt74TPVTxw3t4SXoVmbV%2Fmeta-collection.png?alt=media&#x26;token=ba86ccb6-1e9d-4ab3-b7e3-024658160a0b" alt=""><figcaption></figcaption></figure>

2. Click **Add definition**

<figure><img src="https://959312205-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F28lMEJOSKsqmdpx3Cfa4%2Fuploads%2FTBfYD5CYAwBVYosL2B2r%2Fcoll-banner3.png?alt=media&#x26;token=a125c152-b93d-4e21-8a2e-9867db54da21" alt=""><figcaption></figcaption></figure>

3. In the **Name** field, enter `Collection image`

<figure><img src="https://959312205-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F28lMEJOSKsqmdpx3Cfa4%2Fuploads%2FphhJqlTMHg5jvFOUIiGH%2Fcoll-banner4.png?alt=media&#x26;token=d392b5d1-7f79-4ada-aa30-49140c71f87d" alt=""><figcaption></figcaption></figure>

4. In the **Namespace and key** field, enter `custom.collection_image`

<figure><img src="https://959312205-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F28lMEJOSKsqmdpx3Cfa4%2Fuploads%2FjYzj1vjiAcfvL9lzkOkV%2Fcoll-banner5.png?alt=media&#x26;token=fc74949b-2280-4941-9a53-4b3ae74a3116" alt=""><figcaption></figcaption></figure>

5. Click **Select type** then select **File.**

<figure><img src="https://959312205-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F28lMEJOSKsqmdpx3Cfa4%2Fuploads%2FaS8mrwPMVqNfaWXFRwSU%2Fcoll-banner6.png?alt=media&#x26;token=ef097463-856f-4850-aeb3-f0f2f6902be6" alt=""><figcaption></figcaption></figure>

6. than select **Accept all file types.**
7. Click **Save** to save the definition.

<figure><img src="https://959312205-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F28lMEJOSKsqmdpx3Cfa4%2Fuploads%2FERwj5E5kmh25LjpT9EuI%2Fcoll-banner7.png?alt=media&#x26;token=b50cc7f0-7838-45fa-9fee-874a1dbb390b" alt=""><figcaption></figcaption></figure>

8. You should see the **Collection image** in the list of definitions by now.

<figure><img src="https://959312205-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F28lMEJOSKsqmdpx3Cfa4%2Fuploads%2FFBqhvAOSqApx2ok5sf72%2Fcoll-banner8.png?alt=media&#x26;token=2b381110-a9fb-41b0-b6a4-2ba40401c8c7" alt=""><figcaption></figcaption></figure>

## Setting the Collection image <a href="#setting-the-countdown" id="setting-the-countdown"></a>

1. In your admin, within **Collections**, click on the collection you want to add the Collection image

<figure><img src="https://959312205-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F28lMEJOSKsqmdpx3Cfa4%2Fuploads%2FZ10WcsyfOiVCBBAZrLex%2Fcoll-banner-meta1.png?alt=media&#x26;token=ed44f9ab-50e9-4bc4-a64a-b27c398d8e7b" alt=""><figcaption></figcaption></figure>

2. Scroll down to the **Metafields.** You should see the **Collection image** here.

<figure><img src="https://959312205-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F28lMEJOSKsqmdpx3Cfa4%2Fuploads%2Fr6BoHw3D2tSaM1Hfp5Ao%2Fcoll-banner-meta2.png?alt=media&#x26;token=2cb0c36e-9da5-437f-b007-87019881fc32" alt=""><figcaption></figcaption></figure>

3. To set an image, click on the **Collection image** field.
4. Click **Save** to save your changes.

<figure><img src="https://959312205-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F28lMEJOSKsqmdpx3Cfa4%2Fuploads%2FMIKEeXEZzNBmBwPrA3HP%2Fcoll-banner-meta3.png?alt=media&#x26;token=9db2738c-50cc-4222-bdb6-7122df8cb3b0" alt=""><figcaption></figcaption></figure>
