Countdown bar (Featured product)
| 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 three options to customize the color of the countdown label :
|
| Days label | Keep the suggested label for days, or write your label in the field. |
| Text color | Select the desired color for the days label and numbers by clicking the color palette icon (a circle inside a box). |
| Hours label | Keep the suggested label for hours, or write your label in the field. |
| Text color | Select the desired color for the hour label and numbers by clicking the color palette icon (a circle inside a box). |
| Minutes label | Keep the suggested label for minutes, or write your label in the field. |
| Text color | Select the desired color for the minutes label and numbers by clicking the color palette icon (a circle inside a box). |
| Seconds label | Keep the suggested label for seconds, or write your label in the field. |
| Text color | Select the desired color for the seconds label and numbers by clicking the color palette icon (a circle inside a box). |