> For the complete documentation index, see [llms.txt](https://sitar-doc.winterinfotech.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sitar-doc.winterinfotech.com/collection-page/collection-banner.md).

# Collection banner

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

{% hint style="info" %}
**Recommendation Size**\
Collection image size: 248x290\
Collection banner image size: 1900x150
{% endhint %}

## 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://1041626628-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQNL2Rsjblk1UxGDo1Rj9%2Fuploads%2F4gIY1uTemZzxpQ5pFBiE%2Fcountdown1.png?alt=media&amp;token=c235b991-189c-443f-a979-5c9c34ce353a" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1041626628-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQNL2Rsjblk1UxGDo1Rj9%2Fuploads%2F5BusbsUPRPpGpsXP3Ezy%2Fmeta-collection.png?alt=media&amp;token=9ff197b0-6a5b-4e43-96f2-f61d6c3832ab" alt=""><figcaption></figcaption></figure>

2. Click **Add definition**

<figure><img src="https://1041626628-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQNL2Rsjblk1UxGDo1Rj9%2Fuploads%2FhE4wkNkm7ukMAA2reWOV%2Fcoll-banner2.png?alt=media&amp;token=c40f53d4-7365-45e3-9978-4bf3c641a089" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1041626628-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQNL2Rsjblk1UxGDo1Rj9%2Fuploads%2FkEsfAPiJSUbTbp7nxhIx%2Fcoll-banner3.png?alt=media&amp;token=d10b57cb-1245-49e0-9b7a-5f36fa34bf95" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1041626628-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQNL2Rsjblk1UxGDo1Rj9%2Fuploads%2FsCpDqHgSl6uACeGdpXVX%2Fcoll-banner4.png?alt=media&amp;token=2db968c1-c6f4-48cd-936f-ffe15951fa89" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1041626628-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQNL2Rsjblk1UxGDo1Rj9%2Fuploads%2FIVW6wYN5UxhyI92x5piO%2Fcoll-banner5.png?alt=media&amp;token=fc812ec2-6c2d-4b8a-9c30-77265e62469d" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1041626628-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQNL2Rsjblk1UxGDo1Rj9%2Fuploads%2FYrXFPsFW1Li0gr0TFp8f%2Fcoll-banner6.png?alt=media&amp;token=a61e6891-0e02-4abd-ad79-1b6f35626452" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1041626628-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQNL2Rsjblk1UxGDo1Rj9%2Fuploads%2F63fk6XS1v17mGF1ftE14%2Fcoll-banner7.png?alt=media&amp;token=ed698f0c-14d8-4881-a7ec-b474651623d7" alt=""><figcaption></figcaption></figure>