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 |
How to add this section to a Shopify store
- Install Section Star from the Shopify App Store.
- Open the app and search the library for “24 Hour Countdown”.
- Click Publish, then choose a name and the theme to publish into.
- Follow the deep link into the Shopify theme customizer.
- Add the section to any page and customize it with the native theme settings.
No code is required, and the section lives in your theme as ordinary Liquid — see the full install guide.