> 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="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/KizNoq3KlpPwxewtKsEA/Untitled%201.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/qnu4WWU661FUuwIZhgul/Untitled.png" alt=""><figcaption></figcaption></figure>

## **Adding a Section**

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/oVp9VVDikDYjxcvIJUD8/Untitled%202.png" 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://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/20MOBHVkyF4I8qnMXt5N/Untitled%203.png" 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://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/ICF1gkBjEMGEzeglehNb/Untitled%204.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/mNek6smfvD5SEdI2w9pB/Untitled%205.png" 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://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/DOPHrTzxO7bwLLSwesDT/Untitled%206.png" 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.