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

# Countdown

**Countdown** shows customers the period of time when the product is on the promotion.

<figure><img src="/files/JYCdy0VHLlP9qGNwL1Lt" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Ella offers 3 ways to show countdown:

* For All Products.
* For Each Product.
* For Collection.
  {% endhint %}

## For All Products

1. From your Shopify admin, go to **Online Store** **->** **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Theme settings ->** **Countdown.**
4. Choose **Type** as **For all products.**

## For Each Product

1. From your Shopify admin, go to **Online Store** **->** **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Theme settings ->** **Countdown.**
4. Choose **Type** as **For each product.**

### H**ow to add a new Metafields?**

1. From your Shopify admin, go to **Settings** **->** **Custom data**.
2. Click **Products → Add Definition.**

<figure><img src="/files/Ciu0CQIuaNSXmV3jefv9" alt=""><figcaption></figcaption></figure>

3. Please enter the correct **Namespace and Key** as we noted below.

```
Name: Countdown
Namespace and key: c_f.countdown
Select content type: Text
```

![](/files/BuiGJS5uz9QjbdXt8Ikv)

### How to insert content for Product Metafields?

1. From your Shopify admin, go to **Products -> All products**.
2. Find and choose the product that you want to edit.
3. In the **Metafields,** you need to insert timer structure for "**Countdown**".

![](/files/2Mh0TvC5JYI2nbxiCNFD)

## For Collection

1. From your Shopify admin, go to **Online Store** **->** **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Theme settings ->** **Countdown.**
4. Choose **Type** as **For the collection.**
5. Select **Collection**.

<table><thead><tr><th width="285">Settings</th><th>Meaning</th></tr></thead><tbody><tr><td>Show countdown</td><td>Enable the countdown functionality on your website.</td></tr><tr><td>Type</td><td>There are 5 types to define which product is displayed countdown:<br><br><mark style="color:orange;"><strong>For all Products</strong></mark><br><mark style="color:orange;"><strong>For each product</strong></mark><br><mark style="color:orange;"><strong>For the collection</strong></mark></td></tr><tr><td>Text</td><td>Fill in the text you want to use for the countdown.</td></tr><tr><td>End date</td><td>Fill in the date and time the countdown will end.<br><br><em><mark style="color:orange;">Example: Dec 31, 2024 18:00:00</mark></em><br><em><mark style="color:orange;">Note:</mark></em> <br><em><mark style="color:orange;">- Oct (mm): This is abbreviation of October and please use the abbreviation of months in this countdown structure.</mark></em><br><em><mark style="color:orange;">- Please use 1 white space among mm dd yyyy.</mark></em></td></tr><tr><td>Collection</td><td>Select a collection that you want all products in this collection to display the countdown (only for the collection type).</td></tr><tr><td>Style</td><td>There are 3 styles for countdown layout:<br><br><mark style="color:orange;"><strong>Style 1</strong></mark><br><mark style="color:orange;"><strong>Style 2</strong></mark><br><mark style="color:orange;"><strong>Style 3</strong></mark></td></tr></tbody></table>