Countdown bar

Display a compact countdown timer for an upcoming event or promotion

Key features

Background image

Countdown timer styles

Alternate section content when timer ends

Flexible overlay content

Custom layout and styles

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?