Countdown timer

The countdown timer shows the time left until an offer ends. It is a section you add to a page, such as the home page. When the end time passes, the timer disappears from the page.

What the shopper sees

• An optional heading and a short text.
• A timer that counts down the days, hours, minutes and seconds.
• An optional button that links to the offer.

Before you begin

• Decide the date and time when the offer ends. Use the time zone of your store.
• Write the heading and text you want to show.
• Decide where the button should go, such as a collection page.

1. Add the section

1. Open the page in the theme editor. For example, open the home page.
2. Select Add section.
3. Choose Countdown.
4. Move the section to the place you want.

2. Set the offer

1. Select the Countdown section.
2. Set Heading and Text.
3. Set End date and time. Use this format: 2026-12-24T09:00. The time is in your store time zone.
4. Set Button label, such as "Shop the offer".
5. Set Button link to the page the button should open.
6. Select Save.

Things to know

• If End date and time is empty, the section shows nothing.
• If the end time has already passed, the section shows nothing.
• The timer needs only the end date and time. It does not need any product data.
• Change the colours and spacing with the section style settings, in the same way as other sections.

Check it

1. Open the page on the storefront.
2. Confirm that the timer counts down.
3. Set the end date to a time a few minutes from now, save, and confirm that the timer disappears after it ends.
4. Set the end date back to the real date.