Countdown timer bar

This section is a simplified version of a countdown timer with reduced content options, making it ideal for slim announcement-style areas such as header bars, footers, or compact sections throughout your store. It displays a real-time countdown to a specific date and time, helping you highlight upcoming events, product launches, or limited-time offers—perfect for creating urgency or building anticipation in a minimal format.

Adjust Countdown timer

These settings allow you to customize the appearance and layout of the "Countdown timer bar" section, ensuring it fits seamlessly within your store’s design and effectively showcases your content alongside images.

Within the Countdown timer bar settings, you can adjust the following fields:

Desktop content alignment

• Left: Align the content to the left.
• Center: Center the content horizontally.
• Right: Align the content to the right.

Background color

• Select a background color for the section to ensure it matches your store's overall design.

Text theme

• Choose the theme for the text color. Options include:
  • Dark: Dark text on a light background.
  • Light: Light text on a dark background.

Section padding

• Top padding: Adjust the space at the top of the section. Measured in pixels (px).
• Bottom padding: Adjust the space at the bottom of the section. Measured in pixels (px).

Custom CSS

• Add custom CSS to further style and customize the newsletter signup section according to your specific design needs and preferences.

Available blocks

Within the Countdown timer bar, the following blocks are available:

Content

• Use the Content block to display custom text related to your countdown. This is ideal for providing context, promotional messaging, or important details that support the countdown timer and drive user engagement.

Countdown

• Use the Countdown block to build anticipation or highlight a specific moment, such as a product launch, upcoming sale, or important event. It visually displays a real-time countdown timer based on a set date and time, creating urgency and encouraging users to act before the time runs out.

Settings:

• End date: The final day the countdown runs until.
• End time: The exact time (in 24-hour format) when the countdown will stop.
• Text after countdown ends: This message is displayed once the timer reaches zero.
• Background color: Background color for the countdown numbers.
• Text theme: Text theme for the countdown numbers.

This block is ideal for driving conversions through time-sensitive promotions or for simply informing users about an upcoming moment.