In the theme editor: Customize›Home page›Add section›Countdown offer
Countdown offer
An offer with a timer that counts down to a real end date, a short text and a button.
Without an end date the timer does not show. The theme never invents urgency.
Settings
Content
- Small line above the heading
- TextEmpty: "Limited time", in the visitor's language.
- Heading
- TextEmpty: "A special offer", in the visitor's language.
- Short text
- TextOptional. Describe the offer exactly as it is.
Timer
- End date and time
- TextYear-month-day followed by hour:minute, for example 2026-10-20 18:00, in your store's time zone (Shopify admin: Settings, General). Empty or invalid: the section doesn't show in your store, and the editor shows a note with the date as your store reads it. Use the real end of an offer or discount that exists in your store: the timer must never invent urgency.
- Show seconds
- On or offDefault: OnVisitors who prefer reduced motion never see seconds, and the timer updates once a minute.
- When time runs out
- Choice: Show an offer ended message, Hide the sectionDefault: Show an offer ended message
- Ended message
- TextEmpty: "This offer has ended. Thank you for your interest.", in the visitor's language.
Button
- Button label
- TextEmpty: "See the offer", in the visitor's language. The button shows only when it has a link.
- Button link
- Link
- Glass button
- Slider, 0 to 90 %Default: 0 %0: a regular solid button. Above 0: dark translucent glass with a thin light edge, for a button on a picture. Higher is darker.
Background
- Color scheme
- Color schemeThe stage takes its background and accent from this scheme. A color chosen below overrides it.
- Background color
- Color
- Background style
- Choice: Flat color, Lit stageDefault: Lit stageLit stage: a soft light from above that fades toward the bottom, made from the chosen color. On a light color the top turns white; on a dark color it becomes a dark stage.
- Light color
- ColorThe soft light from the top center. Empty: white.
- Text color
- ColorEmpty: automatic. Light on a dark background, dark on a light one.
- Number tiles
- Choice: Soft, SolidDefault: SoftSoft: a light tint of the text color. Solid: filled tiles in the color you choose.
- Tile color
- ColorEmpty: the text color.
- Number color in the tile
- ColorEmpty: the background color.
- Button color
- ColorEmpty: dark on a light background, light on a dark one.
- Button text color
- ColorEmpty: chosen automatically for the button color.
Something here doesn’t match what you see in your editor? Tell us and we will fix the guide.
