> For the complete documentation index, see [llms.txt](https://mpithemes.gitbook.io/unicorn-shopify-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/popup/countdown-timer.md).

# Countdown timer

Add the block to show the Countdown timer in the pop-up.

{% hint style="success" %}
Display the counter information, such as days, hours, minutes, and seconds, by activating the "Show countdown units" option in *Theme settings -> Countdown timer ->* [*<mark style="color:blue;">Product page and popup</mark>*](/unicorn-shopify-theme/theme-settings/countdown-timer.md#product-page-and-popup).
{% endhint %}

**End date and time**\
The offer expiration date and time can be specified in the field.\
By default, the section includes the timer's expiration date to simplify setup. Replace the default settings with yours using the format dd/mm/yyyy hh:mm:ss.
\
Example: 30/05/2024 23:00:00.

### **Сolors**

Use the provided pickers to colorize the countdown timer:

**Background**\
Set the base color of the countdown using the picker.

**Countdown text**\
Colorize the text using the picker.

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FSVtGUzNh7N8AH8JqMWOg%2Fpopup_countdown%20timer.png?alt=media&amp;token=d5ef244e-4013-4876-9b79-847691d686e0" alt=""><figcaption></figcaption></figure>