Time countdown

Show the Time countdown feature for a specific product in collections and product pages using settings from the current global section.

After you have added all the changes in your admin, you can use the described options to display the sale countdown on the storefront:

Product card

Show time countdown

Activate the option to show the timer on product cards of collection pages and collections. This option activates other settings provided for the feature.

Combine with discount badge

The option displays the "Sale" badge and sale timer in a line on product cards of a collection listing.

Use the "Background" and "Text" pickers to colorize a badge on product cards. The combination of the time countdown and badge will use the badge color applied in Theme settings -> Badges if you leave the items without selected colors.

Product page and Popup

The "Show time units" option reveals days, hours, minutes, and seconds below the countdown in the dynamic "Countdown timer" section, "Featured product" section, and "Time countdown" block on product pages.

To change the default colors of the time countdown in all the described sections, use the "Background", "Border", and "Text" color pickers. Set the hex code for the corresponding item or use the paint palette.

Last updated