# Countdown

The countdown section displays a timer that counts down to a specific date and time. It is commonly used for promotions, product launches, or limited-time offers to create urgency and encourage customer engagement.

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

#### Minute

Sets the minute value at which the countdown expires. Uses a 24-hour time format in combination with the hour setting.

#### Hour

Sets the hour of the day when the countdown expires. Uses a 24-hour format.

#### Day

Defines the day of the month when the countdown ends.

#### Month

Defines the month in which the countdown expires.

#### Year

Defines the year when the countdown reaches zero.

#### Heading

The main heading displayed above the countdown timer. Default is “Countdown”. Leave blank to omit.

#### Subheading

Optional supporting text shown below the heading to provide context or promotional messaging. Leave blank to omit.

#### Content

Rich text area used to add additional information, promotional details, or messaging alongside the countdown timer.

#### Button label

Defines the text for an optional call-to-action button. Leave blank to hide the button.

#### Button link

Specifies the URL destination for the button. Can link to a product, collection, page, or external URL. Leave blank to omit.

#### Button style

Defines the visual style of the button. Default is “Secondary”.

#### Button size

Controls the size of the button. Options include Small, Medium, or Large depending on design emphasis.

#### Maximum width

Controls the horizontal width of the section. Set to “Fill space” to allow the countdown to span the full container width.

#### Content alignment

Defines how the countdown content is aligned within the section. Default is “Center”, aligning all elements centrally.

#### Vertical spacing

Controls the spacing around the section to adjust its visual separation from surrounding content.

#### Vertical spacing (desktop)

Sets the vertical spacing applied on desktop devices. Default is Large.

#### Vertical spacing (mobile)

Sets the vertical spacing applied on mobile devices to ensure consistent spacing across screen sizes.


---

# 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://gatame.gitbook.io/highstreet/dynamic-sections/information/countdown.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.