# 24 Hour Countdown

> A 24-hour countdown timer to create urgency and drive more sales — perfect for flash sales and time-limited promotions.

URL: https://sectionstar.app/sections/count-down/
Source: Section Star — https://sectionstar.app
Updated: 2026-10-26T00:00:21.889Z

---

**24 Hour Countdown** is a Shopify theme section in the Section Star library. A 24-hour countdown timer to create urgency and drive more sales — perfect for flash sales and time-limited promotions.

## About the 24 Hour Countdown section

The **24 Hour Countdown** section is a visually engaging timer for your Shopify storefront that highlights limited-time promotions or offers. This section creates a sense of urgency by displaying an hourly countdown that encourages customers to act quickly. Complete with a customizable headline, text, and styling options, this section helps drive conversions by leveraging time-sensitive offers.

## Live demo

## Use cases

- **Flash Sales**: Display a countdown during a flash sale event, creating urgency and increasing the likelihood of impulsive purchases.
- **Holiday Promotions**: Use the timer for seasonal promotions such as Black Friday, Cyber Monday, or end-of-year clearances to capitalize on limited-time deals.
- **Product Launches**: Build excitement and anticipation by counting down to the release of a new product or collection.
- **Special Events**: Highlight the countdown to a special event like a giveaway, a webinar, or a timed exclusive meetup, driving customer engagement.

## Settings

Every setting below appears in the Shopify theme customizer once the section is published.

### Grid Display
Set the design of the grid

| Setting | Type | Default |
| --- | --- | --- |
| Column Width | Number | 150 |
| Space between Columns | Number | 15 |

### Timer Display
Customize the display of the timer

| Setting | Type | Default |
| --- | --- | --- |
| Timer Alignment | Text alignment | center |
| Timer Size | Range | 60 |
| Padding | Number | 20 |
| Countdown Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #555… |
| Timer Color | Color | #FFF |
| Start Hours Left | Number | 14 |
| Start Minutes Left | Number | 0 |
| Show Hours Column | Checkbox | On |
| Hours Text | Inline rich text | hours |
| Minutes Text | Inline rich text | minutes |
| Seconds Text | Inline rich text | seconds |
| Show Seconds Column | Checkbox | On |
| Round Borders on Countdown | Range | 5 |
| Subtle Shadow on Countdown | Checkbox | On |

### Headline
Set text for the headline

| Setting | Type | Default |
| --- | --- | --- |
| Text Alignment | Text alignment | center |
| Mobile Text Alignment | Text alignment | center |
| Headline | Inline rich text | <b>Sample Headline</b> |
| Text | Inline rich text | Use this block to add a description. … |
| Spacing between Headline and Features | Number | 15 |