# Countdown

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

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FClQ0PmfXbs0Im1FhCwAy%2Fimage.png?alt=media&#x26;token=f03891d1-2900-47b1-b47f-825305de9fd5" 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="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FBuFwpBv2o3fPUJiC4H0F%2Fmeta-field.jpg?alt=media&#x26;token=58a9be46-483a-461d-ba87-7bef16a76dce" 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
```

![](https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FrBfQ0Uq9fcVEIFA3hPac%2Fcountdown-1.gif?alt=media\&token=e83eab94-9a8d-4ff9-b09f-f00b9043af0b)

### 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**".

![](https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FB8NMZfdQEjPIKwaXqtB5%2F23.jpg?alt=media\&token=5f5841c3-094e-448e-81d8-8c3548bf2ca4)

## 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>