Countdown bar
Display a compact countdown timer for an upcoming event or promotion
Section layout
Vertical padding
0 - 20
Horizontal gap
Global Custom (0 - 10)
Mobile alignment
Left Center Right
Countdown timer
Timer placement
Top / Middle / Bottom
Mobile timer placement
Top / Bottom
Font
Heading Body
Timer text size
20 - 80px
Mobile timer text size
20 - 60px
Label size
1 - 4
Vertical gap
0 - 10
Horizontal gap
0 - 10
Year
Enter the year of the end-date.
Month
Select the month of the end-date.
Day
Select the day of the end-date.
Hour
Select the hour of the end-time.
Minute
Select the minutes of the end-time.
Time zone
Choose to display the timer according to your Shop time zone or the Visitor time zone.
When complete
Leave timer at zero Hide timer
Background image
Image
Mobile image
Overlay opacity
0 - 100%
Content block
Add heading text with buttons.
Content
Heading
Heading size
1 - 6
Text
Text size
1 - 4
Buttons
Add a primary and secondary button.
Link
Label
Size
XS S M L
Style
Solid Outline Text
Color scheme
Default Primary Secondary Soft Overlay Overlay soft
After countdown content
Click the After countdown content block to add alternate content to show when the timer reaches zero. The block include the same content fields and options. Turn on Enable "After Countdown" content after adding content.
Last updated
Was this helpful?