🧰 Countdown timer bar

The Countdown timer bar is a more versatile and compact version of the Countdown timer section.

Drive urgency, build hype, and more with this dynamic and responsive Theme Section.

Add the section to a template

Click Customize to open the theme editor for the selected theme.

Open the template (e.g. home page, default product) and click (+) Add section in the sidebar.

Scroll down to the bottom of your default sections list and select 🧰 Countdown timer bar.

Customize section settings

Open Countdown timer bar to open general settings for the section.

You have 3 options to choose your Desktop content justification: Center, Space Evenly and Space between. 

Content

Use the provided fields to add a Heading and fill out the mobile heading if you want to display alternate text on mobile. 

Link makes the entire section a clickable link. If there are links within the text, this feature will not be applied. 

Set timer

Add the Year, Month, Day, Hour, and Minute the timer will count down to.

The section will remain visible when the timer concludes. Enable Hide timer on complete to conceal the timer once it has reached the set date and time.

Add a Timer complete message to display a message when the timer has ended.

Timer style

Select either Fill or Outline for the Timer style.

Select a Text color and Background color for the timer, then adjust the opacity.

Adjust spacing

Use the Top padding and Bottom padding sliders to increase or decrease the padding of the section.

Use the Top margin and Bottom margin sliders to increase or decrease the margins of the section.

Changelog

December 3rd, 2024

• Updates to link hover states and animations

November 6th, 2024

• Countdown timer bar added to Theme Sections.