Countdown banner
Display a live countdown timer for an upcoming event or promotion
Section height
Section height
Adapt to screen height (50 - 100%) Fixed height (300 - 800px)
Mobile section height
Adapt to screen height (50 - 100%) Fixed height (300 - 800px)
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
Position
Top / Middle / Bottom
Mobile position
Top / Bottom
Mobile alignment
Left Center Right
Timer text size
Mobile timer text size
Label size
Vertical gap
Horizontal gap
Background media
Upload an image or video to display as the banner's background image.
Media type
Video Image
Image
Click section to find settings
Image
Mobile image
Overlay opacity
0 - 100%
Video
Click section to find settings
Video
Video focal point
Mobile video
Mobile video focal point
Overlay opacity
0 - 100%
Content block
Add heading text with buttons.
Layout
Click Content block to find settings
Position
Top / Middle / Bottom
Mobile position
Top / Middle / Bottom Left / Center / Right
Mobile alignment
Left Center Right
Max width
300 - 1440px
Content
Click Content block to find settings
Overline
Overline size
1 - 4
Heading
Heading size
1 - 6
Text
Text size
1 - 4
Buttons
Add a primary and secondary button. Change the style and colors.
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?