Countdown block (Product)

Setting	Description
Color scheme	Apply color scheme for the countdown from the available color schemes list. Read 'Color scheme' article to learn more about color schemes.
Label	Add a label for the countdown.
Label preset	In Theme Settings → Typography → Fonts, you can set font settings for Heading, Caption, and Paragraph. Choose which style to apply in this block. H5-H6: This style allows you to select a heading level from H5 to H6 and customize it using the options below. Subheading: This style is used for text that appears below a main heading, typically smaller or less prominent than the heading, but still visually distinct from body text. Caption: This style is used for short supporting text, such as labels or annotations. Paragraph: This style is used for standard body text.
Label color	Each color scheme includes Heading, Text, and Accent color settings. Use this dropdown to select which color to apply. The available options may vary depending on the selected block color scheme. Heading Text Accent
Label font family	In Theme Settings → Typography → Fonts, you can select a font family from the list and choose the font weight at the end of the list separately for Heading, Body, and Accent text. Based on these settings, each block allows you to choose which font style is applied. Heading Body Accent
End date	Enter the end date for a specific promotion. Refer to the example provided below, the field in the theme customizer to ensure the discount period's end date is correctly formatted.
Timer behavior	Stop and show zeroes: The countdown stops and displays `00:00:00` for all units (days, hours, minutes, seconds). Restart when finished (cycle): The countdown resets and starts over from the initial duration, creating a repeating cycle.
Cycle hours	Set the number of hours for the countdown to cycle when the timer behavior is set to “Restart When Finished (Cycle)”.
Number size	Adjust the size of the days, hours, minutes, and seconds numbers using the slider.
Numbers size mobile	Adjust the size of the days, hours, minutes, and seconds numbers specifically for mobile devices.
Numbers font family	In Theme Settings → Typography → Fonts, you can select a font family from the list and choose the font weight at the end of the list separately for Heading, Body, and Accent text. Based on these settings, each block allows you to choose which font style is applied. Heading Body Accent
Numbers color	Each color scheme includes Heading, Text, and Accent color settings. Use this dropdown to select which color to apply. The available options may vary depending on the selected block color scheme. Heading Text Accent
Days text	Keep the suggested label for days, or write your text in the field.
Hours text	Keep the suggested label for hours, or write your text in the field.
Minutes text	Keep the suggested label for minutes, or write your text in the field.
Seconds text	Keep the suggested label for seconds, or write your text in the field.
Text size	Adjust the text size for days, hours, minutes, and seconds text on desktop devices.
Text size mobile	Adjust the text size for days, hours, minutes, and seconds specifically for mobile devices.
Text font family	In Theme Settings → Typography → Fonts, you can select a font family from the list and choose the font weight at the end of the list separately for Heading, Body, and Accent text. Based on these settings, each block allows you to choose which font style is applied. Heading Body Accent
Text color	Each color scheme includes Heading, Text, and Accent color settings. Use this dropdown to select which color to apply. The available options may vary depending on the selected block color scheme. Heading Text Accent

No results found