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

# Time countdown

{% hint style="warning" %}
**Note!** The "Time countdown" feature requires individual customizations in your admin using Metafields. Information on how to apply changes to the store can be found on the following [<mark style="color:blue;">help page</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/faq/how-to-customize-metafields#time-countdown).
{% endhint %}

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 ->_ [_<mark style="color:blue;">Badges</mark>_](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/badges) if you leave the items without selected colors.

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FN3Qq6v4YKk7zACapCASU%2Ftime%20countdown_product%20card.png?alt=media&#x26;token=6b4ea76e-1411-4dfe-9fb8-6e56b6fb3018" alt=""><figcaption></figcaption></figure>

#### Product page and Popup

The "**Show time units"** option reveals days, hours, minutes, and seconds below the countdown in the dynamic "[<mark style="color:blue;">Countdown timer</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/countdown-timer)" section, "[<mark style="color:blue;">Featured product</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-product#time-countdown)" section, and "[<mark style="color:blue;">Time countdown</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/page-categories/products/product-information#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.
