User Guide

Search limit to:






Countdown #1 - #2

by Admin on Sep 25, 2025

The Countdown section displays time-sensitive promotional content with countdown timers, creating urgency among customers and encouraging immediate purchases of discounted products or collections.

2. Section Components

Section Flash Sale Showcases limited-time offers with countdown timers and promotional content.
Available blocks Text Show promotional headings, descriptions, and discount codes
Countdown Timer Used to show remaining time for the sale with customizable display options
Button Used to create call-to-action buttons linking to products or collections

3. Location & Setup

To add & set up the Countdown section:

  • Open the Shopify Theme Editor (Online Store > Themes > Customize).
  • Decide where you want to place the new section in Template.
  • Click “Add Section”.
  • Select “OT: Countdown (#number of variant)”.

4. Highlight Features

  • Countdown Timer: Integrate a countdown timer to create urgency with ability to reset. 
  • Flexible Positioning: Customizable spacing, padding, and text positioning
  • Discount Integration: Embed discount codes directly within text blocks

5. Common Use Cases

🤔 How to set up a complete Countdown section?

Don’t know where to start with this Countdown section, just follow these simple steps:

STEP 1: Add the Countdown section to your desired page location

STEP 2: Choose your background

Click on Countdown to open its settings panel:

  • Image: Upload your Image and Mobile image to use as a background image, then set the Image overlay opacity to 30–50% to ensure text is easy to read.
  • Color: Simply pick your preferred Background color in the Colors group setting.

STEP 3: Set up the Text block

Under Countdown section, add Text block and open its settings panel:

  • Enter a compelling Heading 
  • Enter Text to show as the description
  • Enter the Coupon code

STEP 4: Set up the Countdown timer block

Under Countdown section, add Countdown timer block and open its settings panel:

  • Set end date, timezone

STEP 5: Set up the Button block – set the Button label and Button link to your sale collection. You can add up to 2 buttons to the section.

STEP 6: Customize the overall look of your section:

At the Countdown settings panel:

  • Choose your desired Section border
  • Choose the Content layout on desktop to be Horizontal or Vertical
  • Adjust the Content alignment

STEP 7: Reorder the blocks if needed. Then click “Save” and preview.

🤔 How to set up a reset timer for the Countdown timer block?

The Reset timer feature enables you to automatically restart or stop a timer after it has finished counting down.

STEP 1: Open the Countdown timer block settings.

STEP 2: 

At Reset timer settings group:

  • Next timer: Enter the number of seconds before the countdown resets.
  • Loop countdown: 
    • Turn OFF: The countdown will stop when it reaches 0.
    • Turn ON: When next timer reaches 0, it will restart the next timer, otherwise it will stop when next timer reaches 0.

STEP 3: Click “Save” when done.

🤔 How to customize the layout of the countdown timer?

The Countdown timer block might be a little tricky to style. So here is a cheatsheet explaining how it works for you:

In the Countdown timer block setting panel:

  • Timer style:
Square Round Rounded corners
  • Line and border:
    ⚠️ Note: You can only see the line and border if you do not set the Background color.
None Border Vertical line
  • Overlay opacity & Colors:
    ⚠️ Note: The Overlay opacity works with the Background color setting inside the Colors group.
Overlay opacity = 0% Overlay opacity = 100%

5. Layout Recommendations

The Countdown section has 2 appealing layouts available. If you want support to set up the layouts, don't hesitate to chat with us!

📂 Countdown #1

Check out demo here.

📂 Countdown #2

Check out demo here.

6. Support Information

Need help? Contact our support team at Omni Themes Support .