> 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="/files/hgFiEQqo5m36AgS6d6c7" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/vHFHIj8EhG535HVaYw04" alt=""><figcaption></figcaption></figure>

2. Click **Add definition**

<figure><img src="/files/s0NxexcfzanJetxiE6MI" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/KJbXjdYPzPyuohzQiC1b" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/1IGDTZcg2Q9NMxhTuVMX" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/U1cJRBgkZFC2PBMLERiN" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/xqfc3iGrp6dptkWNLOW9" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/zPXSy61XXpdQCA5uOi9l" alt=""><figcaption></figcaption></figure>