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
Select an end date and time for your countdown timer. Choose to hide the timer when the countdown or add a message when the countdown is complete.
Timer
Click section to find settings
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
Layout
Click section to find settings
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
Background image
Upload an image to display as the bar's background image.
Image
Mobile image
Overlay opacity
0 - 100%
Content block
Add heading text with buttons.
Content
Click Content block to find settings
Heading
Heading size
1 - 6
Text
Text size
1 - 4
Buttons
Add a primary and secondary button.
Click Content block to find settings
Link
Label
Size
XS S M L
Style
Solid Outline Text
Color scheme
Default Primary Secondary Soft Overlay Overlay soft
After countdown content
You can display alternate content after the timer reaches zero.
Click the After countdown content block to add content for when the timer ends. The block include the same content fields and options.
Toggle on Enable "After Countdown" content after adding content.
Last updated
Was this helpful?