Radian 3.0 is here — bundles, category showcase and cinematic motion.See what's new

Countdown

The Countdown section counts down to a date and time in the visitor's local time, over a background image, and shows your message when it ends.

Countdown.
Countdown.

How to set it up

Step 1: Add the Countdown section

  1. In the theme editor, open the page you want and click Add section under Template.
  2. Search for Countdown and select it (1).
Add section > Countdown.
Add section > Countdown.

Step 2: Set the deadline

  1. Type the End date (1) as YYYY-MM-DD and the End time as HH:MM (24-hour), the message after the end, a button and a background image.
Countdown settings.
Countdown settings.

Settings reference

Countdown

Corner label Leave blank to hide.
End date Format: YYYY-MM-DD
End time 24-hour, visitor's local time. Format: HH:MM
Message after the end
Button label
Button link Where the link goes.
Background image An image from your files.
Mobile background image An image from your files.
Overlay opacity Slider.
Panel color scheme Colors from Theme settings > Colors.

Section width, corners, padding, color scheme, divider and visibility work the same in every section: see Section layout and spacing. Headings, subheadings and descriptions: see Section headings and text.

Troubleshooting

The timer shows zero.

Check the date format (YYYY-MM-DD) and that the date is in the future.

Related

Still stuck?

Include your store URL and theme version — we'll get back to you.

Contact support