1. What is Flash Sale?
The Flash Sale 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 | Used to 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 Flash Sale section:
- Open the Shopify Theme Editor (Online store > Themes > Customize)
- Decide where you want to place the new section.
- Click “Add Section”.
- Select “Flash Sale”.
4. Highlight Features
- Countdown Timer: Multiple timer types, including standard and evergreen options
- Dual Mode Design: Optimized color schemes for both light and dark modes
- Responsive Layout: Separate image configurations for desktop and mobile
- 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 flash sale section?
Don’t know where to start with this Flash Sale section, just follow these simple steps:
STEP 1: Add the Flash Sale section to your desired page location
STEP 2: Choose your background
- Image: Upload your Image and Mobile image, 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
- Enter a compelling Heading (put some words in the [ ] brackets for text highlight effect)
- Enter Text to show as the description
- Enter the Coupon code
STEP 4: Set up the Countdown Timer block
- Choose the Countdown type as Standard timer
- Set end date, timezone
STEP 5: Set up the Button block – set the Button label and Button link to your sale collection.
STEP 6: Customize the overall look of your section:
- 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 an evergreen countdown timer for the section?
Evergreen timers create continuous urgency by automatically restarting, perfect for ongoing promotions that don't have a fixed end date.
STEP 1: In the Countdown Timer block, change Countdown type to Evergreen timer
STEP 2: Set your Start date – this determines when the timer begins counting.
- Future Start Date: Timer shows 0h0m0s until the start date arrives
- Current Start Date: Timer begins counting down immediately
- Past Start Date: Timer calculates where it should be in the current loop cycle
STEP 3: Set your desired Duration (per loop) and Unit – e.g., 7 days
STEP 4: Don’t forget to set the right Time zone for your store.
STEP 5: 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, find the Timer style setting group:
-
Text position:
⚠️ Note: The Aside option only works when the Line and border setting is set as None.
Below | Aside |
|
|
-
Timer style:
⚠️ Note: This setting only works when you’ve already set a Background color for the timer.
Square | Round |
![]() |
![]() |
-
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% |
![]() |
![]() |
6. Support Information
Need help? Contact our support team at Omni Themes Support.