# How to customize Metafields More about Metafields, the functionality of Metafields, and the requirements for displaying custom data in your store, read [here](https://help.shopify.com/en/manual/custom-data/metafields/). {% embed url="" %} ## Time countdown With Metafields, you can display the Time countdown on product and collection pages. How to set up the required settings in your admin for the following to display on your online store, you can find below: #### **Step 1** Go to your *Shopify admin -> Settings -> Metafields and metaobjects*, and press the **"Products"** tab to add a metafield definition specifically for products:
#### **Step 2** Then, hit **"Add definition"**:
#### **Step 3** In the dashboard, edit the fields. Here is an example of the settings: * Name - **Time Countdown** * Namespace and key - **custom.time\_countdown** (generated automatically) * Description - **Sale countdown** (optional) * Type - **Date and time (One value)**
Save the settings. #### **Step 4** Now you can decide on the product for which the Time countdown will be displayed. For this, go to Products in your Shopify admin, and select a product:
#### **Step 5** On the opened product page, scroll down to the "Metafields". Here you can view the available metafield to edit for the product. In the "Time Countdown" field, enter an expiration date and time:
#### **Step 6** After completing the settings in your admin, navigate to the theme Editor. Then, hit the **"Customize"** button in *Shopify admin -> Online Store.* * After that, select the product template in the top drop-down of the Theme Editor. And add the "Time countdown" block to the product page:
* To add the Time countdown on the product card of the collection listing, activate the **"Show time countdown"** option in *Theme settings -> Product ->* [*Time countdown*](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/product#time-countdown). ## Custom badges Operate the Metafields to create custom badges in your admin. The theme includes eight badges already built into the theme and four custom badges that can be displayed using images. In the following help page, we provide detailed instructions on the store configurations to display custom badges using both methods. #### **Step 1** To build a new badge, go to your *Shopify admin -> Settings -> Metafields and metaobjects*, and press the **"Products"** tab to add a metafield definition specifically for products:
#### **Step 2** Then, hit **"Add definition"**:
#### **Step 3** #### **Theme badges** The theme uses a unique Namespace and key to display badges on the storefront. So, make sure to create a definition for each custom badge using the metafield identity:
BadgeNameNamespace and key
custom_badge_buy_3_get_1_freecustom.custom_badge_buy_3_get_1_free
custom_badge_back_in_stockcustom.custom_badge_back_in_stock
custom_badge_bestsellercustom.custom_badge_bestseller
custom_badge_buy_1_get_1_freecustom.custom_badge_buy_1_get_1_free
custom_badge_buy_2_get_1_freecustom.custom_badge_buy_2_get_1_free
custom_badge_coming_sooncustom.custom_badge_coming_soon
custom_badge_free_shippingcustom.custom_badge_free_shipping
custom_badge_outletcustom.custom_badge_outlet
In the dashboard, edit the fields. Here is an example of the settings: * Name - **custom\_badge\_outlet** * Namespace and key - **custom.custom\_badge\_outlet** (generated automatically) * Description - optional * Type - **True or false**
Save the settings. #### Badges from images To display badges as images, build metafield definitions with either "True or false" or "File" types. The theme includes settings to create four custom badges displayed from images. If you need more than one badge, add a metafield definition for each one. Example 1: Check the example settings for the boolean type: * Name - **custom\_badge\_1** (custom\_badge\_2, custom\_badge\_3, custom\_badge\_4) * Namespace and key - **custom.custom\_badge\_1** (custom.custom\_badge\_2, custom.custom\_badge\_3, custom.custom\_badge\_4) - generated automatically * Description - optional * Type - **True or false**
Example 2: Here are the example settings of the metafield definition to display an image from a file: * Name - **custom\_badge\_1** (custom\_badge\_2, custom\_badge\_3, custom\_badge\_4) * Namespace and key - **custom.custom\_badge\_1** (custom.custom\_badge\_2, custom.custom\_badge\_3, custom.custom\_badge\_4) - generated automatically * Description - optional * Type - **File - One file** * Accept specific file types - **Images**
#### **Step 4** Now, assign custom badges to products. For this, go to Products in your Shopify admin, and select a product:
#### **Step 5** On the opened product page, scroll down to the "Metafields". Here you can view the available metafields to edit for the product. Hit each metafield to link a badge. #### **Theme badges** To display badges on the storefront, hit the "True" value in the corresponding fields. You can display all the created custom badges or specify only the selected ones for a product. In our example, all the badges have been used for the product:
#### Badges from images Example 1: If you use the Boolean type to display images as badges, use the "True" value. This method displays an image assigned in the Theme Editor. Go to the Theme Editor, *Theme settings ->* [*Product*](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/product#custom-badges) to link images.
Example 2: To display a badge using a custom image for a specific product, add the desired file to the corresponding field. In our example, we used the "custom\_badge\_4" metafield. View the example settings below:
Press the **"Save"** button to accept the settings for a product.