User Guide

Search limit to:






Flash sale

by Admin on Mar 14, 2024

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.

💡 Note: If you want a countdown timer section with more customization options, check out Promotion banner.

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.