Sections

Sale countdown

How to use the Sale countdown section in the Meditative Folks Theme.

Sale countdown

Overview

Sale countdown section with heading, subheading, CTA, and country-targeted timer blocks.

Where to edit

Theme editor path: Online Store → Customize → select the relevant page → Sale countdown
Add to a page: Add via Add section → category Upsell.

Settings

Timer display

Setting	What it does	Default	Shows when

Timer typography

Setting	What it does	Default	Shows when

Mobile (up to 639px)

Setting	What it does	Default	Shows when
Prefix font size	Configure in theme editor.	14	Always
Suffix font size	Configure in theme editor.	14	Always
Timer font size	Configure in theme editor.	13	Always
Label font size	Configure in theme editor.	13	Always
Message font size	Configure in theme editor.	16	Always

Tablet (640px – 879px)

Setting	What it does	Default	Shows when
Prefix font size	Configure in theme editor.	16	Always
Suffix font size	Configure in theme editor.	16	Always
Timer font size	Configure in theme editor.	30	Always
Label font size	Configure in theme editor.	22	Always
Message font size	Configure in theme editor.	18	Always

Desktop (880px+)

Setting	What it does	Default	Shows when
Prefix font size	Configure in theme editor.	23	Always
Suffix font size	Configure in theme editor.	23	Always
Timer font size	Configure in theme editor.	50	Always
Label font size	Configure in theme editor.	20	Always
Message font size	Configure in theme editor.	20	Always

Font weights

Setting	What it does	Default	Shows when
Prefix font weight	Configure in theme editor.	400	Always
Suffix font weight	Configure in theme editor.	400	Always
Timer font weight	Configure in theme editor.	400	Always
Label font weight	Configure in theme editor.	600	Always
Message font weight	Configure in theme editor.	400	Always
Timer max width	Configure in theme editor.	900	Always

Layout

Setting	What it does	Default	Shows when
Padding top	Configure in theme editor.	32	Always
Padding bottom	Configure in theme editor.	32	Always

Separator

Setting	What it does	Default	Shows when
Show separator line	Configure in theme editor.	No	Always
Use global separator color	Configure in theme editor.	Yes	show_separator is on
Separator color	Configure in theme editor.	#E5E5E5	show_separator is on and use_global_separator_color is off
Separator thickness	Configure in theme editor.	2	show_separator is on
Separator margin top	Configure in theme editor.	0	show_separator is on
Separator margin bottom	Configure in theme editor.	0	show_separator is on

Color scheme

Setting	What it does	Default	Shows when
Color scheme	Configure in theme editor.	scheme-1	Always

Blocks

Block	Purpose	Limit
Header & CTA Content	Add and configure in theme editor.	1
Sale countdown	Add and configure in theme editor.	—

Header & CTA Content settings

Setting	What it does	Default	Shows when
Overline	Configure in theme editor.	—	Always
Use global overline styles	Configure in theme editor.	Yes	overline != blank
Overline font size (mobile)	Configure in theme editor.	12	use_global_overline_styles is off and overline != blank
Overline font size (tablet)	Configure in theme editor.	13	use_global_overline_styles is off and overline != blank
Overline font size (desktop)	Configure in theme editor.	14	use_global_overline_styles is off and overline != blank
Overline font weight	Configure in theme editor.	500	use_global_overline_styles is off and overline != blank
Heading	Configure in theme editor.	Flash sale ends soon	Always
Use global H2 heading styles	Configure in theme editor.	Yes	heading != blank
Heading font size (mobile)	Configure in theme editor.	26	use_global_heading_styles is off and heading != blank
Heading font size (tablet)	Configure in theme editor.	29	use_global_heading_styles is off and heading != blank
Heading font size (desktop)	Configure in theme editor.	33	use_global_heading_styles is off and heading != blank
Heading font weight	Configure in theme editor.	500	use_global_heading_styles is off and heading != blank
Subheading	Configure in theme editor.	Don't miss out — prices go back up when the timer hits zero.	Always
Use global subheading styles	Configure in theme editor.	Yes	subheading != blank
Subheading font size (mobile)	Configure in theme editor.	16	use_global_subheading_styles is off and subheading != blank
Subheading font size (tablet)	Configure in theme editor.	18	use_global_subheading_styles is off and subheading != blank
Subheading font size (desktop)	Configure in theme editor.	19	use_global_subheading_styles is off and subheading != blank
Subheading max width	Configure in theme editor.	500	subheading != blank

Alignment

Setting	What it does	Default	Shows when
Hide heading and subheading (for accessibility)	Configure in theme editor.	No	Always
Content alignment	Configure in theme editor.	center	heading_subheading_visually_hidden is off

CTA

Setting	What it does	Default	Shows when
Button text	Configure in theme editor.	Shop the sale	Always
Button link	Configure in theme editor.	—	button_text != blank
Button variant	Configure in theme editor.	primary	button_text != blank
Button size	Configure in theme editor.	medium	button_text != blank
Use global button styles	Configure in theme editor.	Yes	button_text != blank
Button background	Configure in theme editor.	#ffffff	button_text != blank and use_global_button_styles is off
Button text color	Configure in theme editor.	#000000	button_text != blank and use_global_button_styles is off
Enable full width on mobile	Configure in theme editor.	No	button_text != blank
Enable shimmer	Configure in theme editor.	Yes	button_text != blank

Sale countdown settings

Schedule

Setting	What it does	Default	Shows when
Timer mode	Counts down and restarts automatically. Choose duration below. Persists for the visitor's browser session (like the cart timer).	repeat	Always
Repeat duration	Configure in theme editor.	repeat_24h	timer_mode == 'repeat' or timer_mode == 'repeat_24h'
Start date & time	Optional. Shows the "before start" message until this moment. Use YYYY-MM-DD HH:MM:SS (24h) or YYYY-MM-DD HH:MM:SS AM/PM (12h), e.g. 2025-09-20 09:00:00 AM. Leave blank to start immediately. Times use the visitor's local browser timezone.	—	timer_mode == 'schedule'
End date & time	When the countdown reaches zero. Use YYYY-MM-DD HH:MM:SS (24h) or YYYY-MM-DD HH:MM:SS AM/PM (12h), e.g. 2026-12-25 10:00:00 AM. Times use the visitor's local browser timezone.	2026-12-25 10:00:00 AM	timer_mode == 'schedule'

Messages

Setting	What it does	Default	Shows when
Message before timer starts	Configure in theme editor.	Sale will start soon...	timer_mode == 'schedule'
Prefix text	Configure in theme editor.	Hurry! Only	Always
Suffix text	Configure in theme editor.	left!	Always
Message after expiry	Configure in theme editor.	Sale ended!	Always

Behavior

Setting	What it does	Default	Shows when
Loop timer after expiry	When enabled, after the timer expires the end time moves forward by 24 hours until the current time is inside the window. When start time is set, both start and end advance together; if start is blank, only end time advances.	Yes	timer_mode == 'schedule'

Country visibility

Setting	What it does	Default	Shows when
Show in country	Enter ISO country codes separated by commas, for example: IN, CA. Leave blank to show in all countries.	—	Always
Exclude from country	Enter ISO country codes separated by commas to hide this slide in those markets. Leave blank to exclude no countries.	—	Always

Tips

Open the theme editor and select this section to preview changes live.
Use Theme settings for fonts, colors, and buttons that apply store-wide.

Countdown timer

How to use the Countdown timer section in the Meditative Folks Theme.

Number ticker

How to use the Number ticker section in the Meditative Folks Theme.