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

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?