Promo

Pair a promotional message with a live countdown timer for flash sales, seasonal campaigns and limited-time offers.

---

Pro feature. This section requires a Pro or Max License key. Without one, it's hidden on your live store and shows a 🔒 Pro notice in the theme editor. Learn about plans and License keys

The Promo section is a countdown banner. It combines your promotional message and a button with a live countdown timer, to create urgency around a flash sale, a seasonal campaign or a limited-time offer. It's listed as Promo in Add section.

1. Our guide to set up a Promo section:

Steps:

• In the theme editor, click Add section.

• Locate Promo.

• Click Save.

The section is added with a Text block and a Countdown timer block. You can add a second Text block, for example to show a headline on one side of the timer and details on the other.

2. Section settings

• Color scheme: The colors of the section's background and text.

• Background image: An optional image behind the content.

• Image overlay opacity: Darkens the background image so text is easier to read, 0–100%.

• Hide block when countdown reaches zero: Hides the countdown timer when it ends.

• Show divider: Adds a divider line between the content and the countdown timer.

• Show border: Adds a border around the section.

• Mobile layout

  • Mobile content alignment: Left / Center / Right. Aligns all blocks on mobile.

• Corner radius

  • Corner radius: Rounds the corners of the section, 0–40px.

• Section

  • Top padding: 0–100px.

  • Bottom padding: 0–100px.

  • Section width: Full width / Fixed width. Fixed width keeps the section within the page width.

3. Block settings

Text block

You can add up to two per section.

• Heading: The main promotional message.

• Heading size: 15–80px.

• Description: Supporting details about the offer.

• Content alignment: Left / Center / Right.

• Button label: Leave it blank to hide the button.

• Link: Where the button goes.

• Use outline button style: Shows the button with an outline instead of a solid fill.

• Desktop content width: The maximum width of the text on desktop, 200–800px.

Countdown timer block

You can add one per section.

• Countdown end date: Use the format mm-dd-yyyy, for example 12-31-2026.

• Countdown end time: Use the format hh:mm:ss, in the timezone set in your Shopify settings.

• Number font: Heading / Body. The font used for the timer numbers.

• Show timer labels: Shows the Days, Hours, Minutes and Seconds labels.

• Size: Scales the timer, 50–200%.

• Color

  • Use custom color: Turn on to pick your own timer color.

  • Countdown timer: The custom timer color.

4. Tips

• Turn on Hide block when countdown reaches zero so an expired timer doesn't stay on your store after the sale ends.

• If you use a Background image, raise Image overlay opacity until the heading and timer are easy to read.

• Keep the heading short, such as Flash sale or Ends tonight, and let the timer do the talking.