# Countdown date in product card

{% embed url="https://salesiq.zohopublic.in/signaturesupport.ls?widgetcode=siq93f38201da244cbe219b2cab71813c85342abc57dd769c6885e2bde57d2b90da" %}

## Adding metafield definition <a href="#adding-metafield-definition" id="adding-metafield-definition"></a>

Before you can add countdown (metafield value) to specific products, you need to add the necessary metafield definition for this information.

1. From your Shopify admin, go to **Settings** > **Custom data** > **Products**

<figure><img src="https://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2FxaDmfPpp2UpL5G9GcsQa%2Fcountdown1.png?alt=media&#x26;token=70beae78-5dd4-4d98-9757-0abf82ea6034" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2Fj6EyTrXFb2sT3haIxOUm%2Fcountdown2.png?alt=media&#x26;token=1ad5548d-763f-4223-9c1e-b3b600d1eba8" alt=""><figcaption></figcaption></figure>

2. Click **Add definition**

<figure><img src="https://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2FDkil2TxyTglALD2UVrew%2Fcountdown3.png?alt=media&#x26;token=b9e8e87e-73cc-49b7-893d-635a13c67836" alt=""><figcaption></figcaption></figure>

3. In the **Name** field, enter `Product timer`, and then click the '**Product timer**' generated as you type from the list. This is the metafied used for storing the expiry date

<figure><img src="https://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2FT1OwhEwMJTaLbxggjK46%2Fcountdown4.png?alt=media&#x26;token=b9cf7e20-c702-4c59-81d5-02988237c5a5" alt=""><figcaption></figcaption></figure>

3. In the **Namespace and key** field, enter `custom.product_timer`

<figure><img src="https://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2FydeqMINMVCiC0xWRQYh2%2Fcountdown5.png?alt=media&#x26;token=398aa52d-8245-40e1-b2b6-8f052ccbc0e4" alt=""><figcaption></figcaption></figure>

5. Click **Select content type** then select **Date.**
6. Click **Save** to save the definition

<figure><img src="https://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2FRHWGC6auxva6nL8pDrlP%2Fcountdown6.png?alt=media&#x26;token=6b4881cd-e50c-4d68-9f7a-18aab8214d8f" alt=""><figcaption></figcaption></figure>

7. You should see the **Product timer** in the list of definitions by now.

<figure><img src="https://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2FvuwQRIOjlJw6cnrZjExl%2Fcountdown7.png?alt=media&#x26;token=fe4fab42-17a7-483e-8eb4-1093fd349aff" alt=""><figcaption></figcaption></figure>

## Setting the countdown <a href="#setting-the-countdown" id="setting-the-countdown"></a>

1. In your admin, within **Products**, click on the product you want to add the countdown

<figure><img src="https://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2FBCSNWKrp54RhW6jX854z%2Ftimer1.png?alt=media&#x26;token=bd34f1b2-49ae-4e58-b097-00d24f184b78" alt=""><figcaption></figcaption></figure>

2. Scroll down to the **Metafields.** You should see the **Product timer** here.

<figure><img src="https://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2FUHShUvNuPMr1vSAI4Jrz%2Ftimer2.png?alt=media&#x26;token=c1135f62-9b0f-4fe2-b016-95ef1b6bacd6" alt=""><figcaption></figcaption></figure>

3. To set an expiry time, click on the **Product timer** field.
4. Click **Save** to save your changes.

<figure><img src="https://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2F9IKv3AyYtIscM9O9hqTA%2Ftimer3.png?alt=media&#x26;token=b9550fc3-375a-4252-8f23-c343988db1b2" alt=""><figcaption></figcaption></figure>

## Countdown date in product card <a href="#setting-the-countdown" id="setting-the-countdown"></a>

{% embed url="https://youtu.be/EEL9-b9q9HM" %}
