Countdown Timer

• Display the time remaining until sale starts for product launch announcements

• Display the time remaining until sale ends for limited-time offers

• Only supports Online Store 2.0 compatible themes

• Can only be displayed on product pages

• All text data within the countdown timer can be translated

• You can set the countdown timer title and description in the Sales Period Rule

• Display settings are only available for "Before Sale Starts" or "During Sale Period" in Sales Period Rules

  • For "Before Sale Starts": Displays the time until "Sales Period > Start Date/Start Time"

  • For "During Sale Period": Displays the time until "Sales Period > End Date/End Time"

(1) Navigate to Online Store > Themes

(2) Click "Customize" for the theme where you want to display the countdown timer

(3) Open the product template from the Theme Editor

(4) Click "Add section" (or "Add block")

(5) Select the "Apps" tab

(6) Add the app block named "Countdown Timer"

(7) Drag and drop the added app block to where you want to display the countdown timer

(8) Click on the app block

(9) Enable "Show demo in Theme Editor"

• This setting allows you to display the countdown timer in the Theme Editor only, regardless of conditions

(10) Customize the countdown timer design and text

(11) Click "Save"

(1) Open the Sales Period Rule where you want to display the countdown timer

(2) Navigate to the "Before Sale Starts" or "During Sale Period" section

(3) Check "Display countdown timer"

(4) Set any desired text for the countdown timer title

(5) Set any desired text for the countdown timer description

(6) Click "Save"