> For the complete documentation index, see [llms.txt](https://utd-bv.gitbook.io/manual-shopify-theme-ultra/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://utd-bv.gitbook.io/manual-shopify-theme-ultra/collections/collection-header.md).

# Collection header

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

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

## **Adding a Section**

<figure><img src="/files/2eV519Sak7OFE5FC42gB" 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="/files/cGT4iLv7z4GICBirnPHr" 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="/files/pxDHrPpOWyOFb2Bl8l9A" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/kYxdOtF7Rb2z5L3G4aM8" 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="/files/qILI82qVh4Ew2tWtnZCg" 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.