Countdown Bar
| Setting | Description |
| Font family | Heading: This option lets you select the font family used in headings. Body: This option lets you select the font family used in the body text. |
| Bottom space |
|
| Style | Three different styles can be used to show the countdown bar. Try each of them to choose the best for your design:
|
| End date | Please refer to the example provided below the field to ensure you correctly input the end date for a discount period. Verify that the end date in the featured product section's countdown bar block matches the one on the product detail page. |
| When date has passed | When the specified date has passed, you can decide how to handle the countdown bar from a dropdown menu:
|
| Heading | Keep the suggested headline, or write a compelling headline about the promotion ending. |
| Heading color | The “Heading color” setting offers four options to customize the color scheme of your card's heading:
It's important to note that the color scheme you choose for these four options will be consistent throughout your website. So, when you update the theme settings for these text colors, the same color scheme will be applied to other sections or blocks that use text elements. |
| Days label | Keep the suggested label for days, or write your label in the field. |
| Text color | Select the desired color by clicking on the circle with the color palette. |
| Hours label | Keep the suggested label for hours, or write your label in the field. |
| Text color | Select the desired color by clicking on the circle with the color palette. |
| Minutes label | Keep the suggested label for minutes, or write your label in the field. |
| Text color | Select the desired color by clicking on the circle with the color palette. |
| Seconds label | Keep the suggested label for seconds, or write your label in the field. |
| Text color | Select the desired color by clicking on the circle with the color palette. |