Countdown banner

Display a live countdown timer for an upcoming event or promotion

Key features

Background image or autoplay video

Countdown timer styles

Alternate section content when timer ends

Flexible overlay content

Custom layout and styles

Blocks

Content

After countdown content

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

---

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

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 media

---

Media type	Video Image

Image

Image
Mobile image
Overlay opacity	0 - 100%

Video

Video
Video focal point
Mobile video
Mobile video focal point
Overlay opacity	0 - 100%

Content block

---

Add heading text with buttons.

Layout

Position	Top / Middle / Bottom
Mobile position	Top / Middle / Bottom Left / Center / Right
Mobile alignment	Left Center Right
Max width	300 - 1440px

Content

Overline
Overline size	1 - 4
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.