A countdown timer can be defined as a virtual clock that counts down from a certain date or number to indicate the end or start of an offer or event. It can be used to create curiosity and motivate customers to make a purchase before the end of the event.
General Options
Show countdown timer: This option allows you can select products to show countdown timer. There are 2 types: All products or Only product have tag "has_stock_countdown"
Only products have tag "has_stock_countdown" This option will show if you add the tag "has_stock_countdown" in Products Shopify.
ICON / IMG: You can select the options to show in front of the message.
Icon class name: You can add the icon you want to show.
Image: Select the image to show in front of the message.
Text align: You can align the heading left, center, or right.
Message: You can change the content of the countdown time here.
Font size: This option allows you can change the size of the message.
COUNTDOWN METAFIELDS
Date Range Slider: Reset countdown every X days from an initial date. Set "0" to disable and reset the countdown.
"theme.countdown": Please follow this guideline to know more about this key.
COUNTDOWN TIMER LOOP DAY
Looping or repeating the countdown timer, you just need to enter your timer between each loop. After the first interval of the loop is over, it will move on to the 2nd loop and so on until the end. If you want it to be repeated on the following days then enable the option "Use Loop Countdown".
Countdown design: There are 3 types of design for countdown timer.
Countdown size: You can change the size of countdown timer.
Border radius/ Border width/ Space between items/ Space between items (Mobile): These options allow you to configure the countdown timer.
Number color/ Text color/ Border color item time/ Background item time: These options will help you to change the color of elements' countdown timer.
If you want each product to show a different countdown timer then use metafields, otherwise the countdown will show the default time in the theme.
theme.countdown_day: This metafield helps you configure the loop day. Please follow my guideline:
Step 1: You need to add the metafield, please click on Settings > Custom data > Products > Add Definition.
Step 2: You need to fill the key "theme.countdown_day" and select content type is "Single line text".
Step 3: Add the countdown loop day in the Product custom metafield. Please fill hour of the day, 24-hour clock (00..23), minute of the hour (00..59), second of the minute (00..59) such as 8:00:00,16:00:00,23:59:59
