> For the complete documentation index, see [llms.txt](https://docs.strm.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.strm.design/reference/sections/countdown.md).

# Countdown

A countdown to the real end of a promotion, with a button. Hides itself when the time is up.

A countdown to the real end of a promotion, with a button. Hides itself when the time is up.

**Where:** Any template (Add section)\
**File:** `sections/countdown.liquid`

![Countdown](https://2073252647-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUX7okZwFVjG38blUMwqg%2Fuploads%2Fgit-blob-e59fc022ad666d63a1ce81ae255106a3f3f65ad1%2Fcountdown.png?alt=media)

## Section settings

> Count down to the real end of a promotion. The section hides itself when the time is up.

| Setting               | Type                       | Options             | Default                 | Notes                                                                             |
| --------------------- | -------------------------- | ------------------- | ----------------------- | --------------------------------------------------------------------------------- |
| **End date and time** | Text                       |                     |                         | Format: YYYY-MM-DD HH:MM in your store's time zone, for example 2026-12-31 23:59. |
| **Eyebrow**           | Text                       |                     | Promotion details       |                                                                                   |
| **Heading**           | Text (bold, italic, links) |                     | Say when the offer ends |                                                                                   |
| **Button label**      | Text                       |                     | Shop now                |                                                                                   |
| **Button link**       | Link                       |                     |                         |                                                                                   |
| **Color scheme**      | Color scheme               |                     | Scheme 3                |                                                                                   |
| **Top padding**       | Slider                     | 0–160px, steps of 4 | 40px                    |                                                                                   |
| **Bottom padding**    | Slider                     | 0–160px, steps of 4 | 40px                    |                                                                                   |

## Presets

Add it from **Add section** as: **Countdown**.