Countdown

What this section does

Countdown timer

Where it goes

• Can be used as many times as you like on one page.
• This section is in every plan — no extra plugin needed.

Styles

Different looks for the same section. You can change the style later; your content stays as it is.

The first 2 styles of every section are open on every store. The rest unlock with the Page Editor plugin — all at once, not style by style.

• Centered

  Freecentered

  Centered countdown with large numbers

  Specific to this style: title, subtitle, targetDate, expiredMessage, showDays, showHours, showMinutes, showSeconds, showLabels, daysLabel, hoursLabel, minutesLabel, secondsLabel, digitStyle, separatorStyle, textColor, accentColor, digitColor, tileColor, tileTextColor, trackColor, buttons

• Banner

  Freebanner

  Full-width countdown banner

  Specific to this style: title, subtitle, targetDate, expiredMessage, showDays, showHours, showMinutes, showSeconds, showLabels, daysLabel, hoursLabel, minutesLabel, secondsLabel, digitStyle, separatorStyle, textColor, accentColor, digitColor, tileColor, tileTextColor, trackColor, buttons

• Split

  Page Editorsplit

  Countdown with side content

  Specific to this style: title, subtitle, targetDate, expiredMessage, showDays, showHours, showMinutes, showSeconds, showLabels, daysLabel, hoursLabel, minutesLabel, secondsLabel, digitStyle, separatorStyle, textColor, accentColor, digitColor, tileColor, tileTextColor, trackColor, buttons

• Minimal

  Page Editorminimal

  Clean and compact countdown

  Specific to this style: title, subtitle, targetDate, expiredMessage, showDays, showHours, showMinutes, showSeconds, showLabels, daysLabel, hoursLabel, minutesLabel, secondsLabel, digitStyle, separatorStyle, textColor, accentColor, digitColor, tileColor, tileTextColor, trackColor, buttons

• Cards

  Page Editorcards

  Each time unit on its own card

  Specific to this style: title, subtitle, targetDate, expiredMessage, showDays, showHours, showMinutes, showSeconds, showLabels, daysLabel, hoursLabel, minutesLabel, secondsLabel, digitStyle, separatorStyle, textColor, accentColor, digitColor, tileColor, tileTextColor, trackColor, buttons

• Flip Clock

  Page Editorflipclock

  Split-flap tiles per digit with a hinge line

  Specific to this style: title, subtitle, targetDate, expiredMessage, showDays, showHours, showMinutes, showSeconds, showLabels, daysLabel, hoursLabel, minutesLabel, secondsLabel, digitStyle, separatorStyle, textColor, accentColor, digitColor, tileColor, tileTextColor, trackColor, buttons

• Progress Rings

  Page Editorrings

  A circular progress ring per time unit

  Specific to this style: title, subtitle, targetDate, expiredMessage, showDays, showHours, showMinutes, showSeconds, showLabels, daysLabel, hoursLabel, minutesLabel, secondsLabel, digitStyle, separatorStyle, textColor, accentColor, digitColor, tileColor, tileTextColor, trackColor, buttons

Settings

The fields you see in the Section Settings panel on the right when this section is selected.

Shared by every style

• bg
• contentMaxWidth
• sectionMaxWidth
• horizontalPadding
• verticalPadding
• verticalAlignment
• horizontalAlignment
• horizontalMargin
• verticalMargin
• spacingOverrides
• animationType
• animationDuration
• animationDelay
• animationEasing
• animationStagger
• animationRepeat
• animationParallax
• imageParallax
• animationScrollEffect
• height