# Collection header

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FkDDBOHAIxCeHwN8H0et7%2FUntitled%201.png?alt=media&#x26;token=89c6116a-f479-4276-a6b6-cd5159f7b012" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FuCEDRtNKvKT6jbe7nq5U%2FUntitled.png?alt=media&#x26;token=91e9be3e-4424-4be3-81c2-2ecc8575fcd0" alt=""><figcaption></figcaption></figure>

## **Adding a Section**

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FhXEeikk5JyixbXQQ3Iia%2FUntitled%202.png?alt=media&#x26;token=eebdbdd4-db24-48c8-9de2-f32db02ee1c7" alt=""><figcaption></figcaption></figure>

The section is static on the **collection page** template, it was added initially and cannot be removed.

## **Section settings**

### General

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FfCznyuTRFVBb0jzhxQwS%2FUntitled%203.png?alt=media&#x26;token=253f8e98-34b5-4746-861a-3e87b0cc62fe" alt=""><figcaption></figcaption></figure>

1. **`Show collection image`** - the setting is responsible for displaying the image of the collection;
2. **`Show collection description`** - the setting is responsible for displaying the description of the collection;
3. **`Show countdown timer`** - the setting is responsible for whether the countdown timer will be displayed. In order for it to be displayed as a countdown timer, you need to add the `custom.promo_countdown_timer` metafield and fill it with the correct date and time data;

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FXYtHnlfqum3atQn7Ecs0%2FUntitled%204.png?alt=media&#x26;token=3ac4f45d-3b08-42a4-a7b7-5f8c8a8412e0" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FaPi8cpPA5Rniwg2k6klF%2FUntitled%205.png?alt=media&#x26;token=d50ef30c-bbc6-4d17-8e9d-0d3a04dfbba6" alt=""><figcaption></figcaption></figure>

1. **`Hide breadcrumbs`** - the setting is responsible for hiding breadcrumbs on the collection page;
2. **`Collection custom image`** - the setting allows you to display a custom image. You can upload an image through a picker or use a metafield.

### Colors

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FoHro68bq5fA7tkyAKclk%2FUntitled%206.png?alt=media&#x26;token=b668cf2b-0d65-498b-bd0d-1dddff9e094f" alt=""><figcaption></figcaption></figure>

1. **`Banner overlay`** - the setting is responsible for selecting an overlay color for the collection image;
2. **`Banner text`** - the setting is responsible for selecting a text color when the collection title and description are placed inside the image;
3. **`Timer cell background color`** - the setting is responsible for the background of the countdown timer cell;
4. **`Timer cell color`** - the setting is responsible for the text color of the countdown timer cell.
