# 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://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2FxaDmfPpp2UpL5G9GcsQa%2Fcountdown1.png?alt=media&#x26;token=70beae78-5dd4-4d98-9757-0abf82ea6034" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2FV75RWfAIkWYZfsMxpJVN%2Fmeta-collection.png?alt=media&#x26;token=77b8bde2-b2cf-41ee-ab2d-c85de1ae68d1" alt=""><figcaption></figcaption></figure>

2. Click **Add definition**

<figure><img src="https://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2FDkil2TxyTglALD2UVrew%2Fcountdown3.png?alt=media&#x26;token=b9e8e87e-73cc-49b7-893d-635a13c67836" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2FHFpecIov7hQEJcIgY7VP%2Fcoll-banner-3.png?alt=media&#x26;token=ab1480d5-8059-4009-9c3a-47abaf142d05" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2Fl2gj1HMnEb6MfifmcNBS%2Fcoll-banner-4.png?alt=media&#x26;token=042b9469-5d0f-4a13-b534-87803d36d6ec" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2FfJPtpp5fCunh0J0eVsTd%2Fcoll-banner-5.png?alt=media&#x26;token=165c21d2-1441-4251-a8fb-839a13e3db62" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2FeYCl9fk0D1gkRtKNPNOX%2Fcoll-banner-6.png?alt=media&#x26;token=431d07df-f042-47a1-813d-029b3967340b" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2Ff3VKK9JwoNgO5tXxUWVi%2Fcoll-banner-7.png?alt=media&#x26;token=de783077-b284-40ae-a3c0-5729f6756f06" 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://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2FvYHmW2jiuu7T7SbHTkXC%2Fcoll-banner-meta1.png?alt=media&#x26;token=2b6f08af-5edd-41f0-ace6-fa0496c147e6" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2FmB9mJYwTyBIe6Z2sWzul%2Fcoll-banner-meta2.png?alt=media&#x26;token=7cde5f61-9f9a-47c3-8291-969ebd4cf8a9" 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://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2FR1irekSfbKjHr75nUInb%2Fcoll-banner-meta3.png?alt=media&#x26;token=07f8451f-777b-4906-b253-a3e699348713" alt=""><figcaption></figcaption></figure>
