# 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://3173492168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfToP25M1aksUElZIx0oN%2Fuploads%2F9OInNGtcP9so3MOFePmZ%2Fcountdown_1.png?alt=media&#x26;token=5b824840-832c-4fcf-885f-8389c2bb8e6c" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3173492168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfToP25M1aksUElZIx0oN%2Fuploads%2F4BlIWQ1VS22CaRosWCdw%2Fcountdown_2.png?alt=media&#x26;token=3954fc03-bdf9-4da0-a1b8-96f855bd85f3" alt=""><figcaption></figcaption></figure>

1. Click **Add definition**

<figure><img src="https://3173492168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfToP25M1aksUElZIx0oN%2Fuploads%2FnA1pQdx8C8g0h9rynL95%2Fcountdownt_3.png?alt=media&#x26;token=a209990d-a6f7-4f39-bcad-1989438bde0a" alt=""><figcaption></figcaption></figure>

1. 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://3173492168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfToP25M1aksUElZIx0oN%2Fuploads%2Ffpmn3O51oivEY5IPM7Wf%2Fcountdown_4.png?alt=media&#x26;token=dcfd992c-0b9f-4087-9096-b3a53d5e69c5" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3173492168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfToP25M1aksUElZIx0oN%2Fuploads%2FQV9VjTSLHiSOykTMDROv%2Fcountdown_5.png?alt=media&#x26;token=ccc65511-fd88-4e14-92b5-b50334a01c45" alt=""><figcaption></figcaption></figure>

1. Click **Select content type** then select **Date.**
2. Click **Save** to save the definition

<figure><img src="https://3173492168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfToP25M1aksUElZIx0oN%2Fuploads%2FuToSXaSzqlBLStqpY1eI%2Fcountdown_6.png?alt=media&#x26;token=ed71ac1c-a506-4638-a5e6-d09bf3c77f58" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3173492168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfToP25M1aksUElZIx0oN%2Fuploads%2FrwERbMkeGg6oWHVcBRtH%2Fcountdown_7.png?alt=media&#x26;token=ed7318b4-2869-48a3-abde-f0020dfa2e65" 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://3173492168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfToP25M1aksUElZIx0oN%2Fuploads%2FGBuiQxiqMmPKsKkE2dwB%2Fcountdown_8.png?alt=media&#x26;token=925e74b8-18ca-4cab-8c7b-0f2e2e974bbb" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3173492168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfToP25M1aksUElZIx0oN%2Fuploads%2Fa9xrVnncHSvWhoH45xfu%2Fcountdwon_9.png?alt=media&#x26;token=6a5b107d-79f7-428a-ab27-c0c77d8c53ad" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3173492168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfToP25M1aksUElZIx0oN%2Fuploads%2F5JXBKU0pBcNoDmmtZuHr%2Fcountdown_10.png?alt=media&#x26;token=ba980b44-2753-4abf-8185-877c40eef203" alt=""><figcaption></figcaption></figure>
