Countdown block
The Countdown block in Seventh counts down to a date and time you set, and can hide itself when the countdown is over.
Applies to: Seventh 4.0.0 and later. Added in: Seventh 1.0.0. Last checked: 2026-10-12 against Seventh 4.0.0.
The Countdown block shows a live timer in days, hours, minutes and seconds until a date and hour you choose, with optional text before and after it.
Where to find it: select Add block inside a section or card in the theme editor, then choose Countdown. The Countdown section is a preset that already contains one.
Setting the end date
Set the date
Set End year, End month and End day.
Set the hour
Set End hour from 0 to 24. The countdown ends at the start of that hour, so 0 is midnight at the start of the end day.
Set the timezone
Select the Timezone of the end time, for example GMT +1:00 for Central European Time in winter. Every customer sees the same moment, wherever they are.
The end time is read in the timezone you select in the block, not in your store's timezone and not in the customer's. The Timezone list has fixed GMT offsets, so change it yourself when daylight saving time starts or ends.
Common use cases
- Sale countdown: set a clear end date for the promotion and add short text before or after the timer.
- Launch timer: build anticipation for a new release. A larger Text size adds impact.
What happens when the countdown ends?
The timer stops at zero. With Hide block if countdown is over turned on, the block is hidden on the next page load after the end time. Turn it off to keep showing the zeros and the text, for example "Sale ended".
Why does the countdown show the wrong time?
Because Timezone does not match the timezone you had in mind. Check that the End hour and Timezone together give the moment you want, for example 18 with GMT -5:00 for 6 PM in New York in winter.
All Countdown settings
Every setting in this group, with its type and default.
End year (slider 2026 to 2036, default: 2027).
End month (slider 1 to 12, default: 1).
End day (slider 1 to 31, default: 1).
End hour (slider 0 to 24, default: 0): Sets the hour of the end day when the countdown ends, from 0 to 24, in the selected Timezone.
Timezone (dropdown, default: GMT): Sets the timezone of the end date and hour. Every customer sees the countdown end at the same moment. Options: GMT -12:00, GMT -11:00, GMT -10:00, GMT -9:00, GMT -8:00, GMT -7:00, GMT -6:00, GMT -5:00, GMT -4:00, GMT -3:00, GMT -2:00, GMT -1:00, GMT, GMT +1:00, GMT +2:00, GMT +3:00, GMT +4:00, GMT +5:00, GMT +6:00, GMT +7:00, GMT +8:00, GMT +9:00, GMT +10:00, GMT +11:00, GMT +12:00.
Hide block if countdown is over (checkbox, default: off): Hides the block after the end time, from the next page load. Off keeps the timer at zero.
Text before countdown (formatted text): Sets the text shown before the timer.
Text after countdown (formatted text): Sets the text shown after the timer.
Countdown block: Typography
Where to find it: Countdown → Typography
Font (dropdown, default: Body). Options: Body, Headings, Accent.
Text size (dropdown, default: Heading 3). Options: Heading 1, Heading 2, Heading 3, Heading 4, Heading 5, Heading 6. Shown only when Font is not Body.
Text size (dropdown, default: Medium). Options: XXSmall, XSmall, Small, Medium, Large, XLarge, XXLarge. Shown only when Font is Body.
Case (dropdown, default: Default). Options: Default, Uppercase.
Text weight (dropdown, default: Normal). Options: Normal, Bold.
Reduced text opacity (checkbox, default: off): Shows the text at 62 percent opacity (69 percent on dark color schemes), for secondary text such as captions or notes.
Custom text color (color, default: transparent): Sets a text color that replaces the color scheme text color. Leave it transparent to use the color scheme.
Related pages
- Countdown section: a section preset with a countdown ready to use.
- Announcement bars section: has its own countdown announcement for the top of the store.