# 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://utd-bv.gitbook.io/manual-shopify-theme-ultra/collections/collection-header.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.