Metafields

Use your favorite meta field editor app or add metafields from your Shopify Admin if you need to have custom labels, sale countdown, size chart, and custom tabs for a separate product.

Product Metafields

IMPORTANT!

If you use the theme version 4.12.0 or higher, you can customize Metafileds in your Shopify Admin -> Settings -> Custom data -> Products. Check this video tutorial.

If you use lower theme versions, please consider installing an app, e.g. a free Metafields Guru app. Check the video tutorial for more information.

Shopify Admin

IMPORTANT! No capital letters are allowed in the namespace and key fields!

You can add meta fields to products from your Shopify Admin.

Please note, if previously you customized meta fields via the app, this method will not work. You need to remove all meta fields in the app before starting configurations in your Shopify Admin.

How to add Metafields to your products from Shopify Admin:

Add a Metafield format in Shopify Admin -> Settings -> Custom data -> Products:

Press “Add definition” and fill in the fields. Save changes.
In Shopify Admin -> Products -> Metafileds, add the value to the field. Save changes.

Labels

You can add two labels via Metafields: “New” and “Hot”.

Step 1

Enable labels “New” and “Hot” in Theme settings -> -> Product -> Collection Page (for Collection pages/Collections) -> Product Page & Quick View (for Product pages)

Step 2

Meta field format for a label “New”:

Name = e.g. New label
Namespace and key = labels.new
Description = Your text
Select content type -> Text -> Single line text
Value = true

Step 3

Add the value “true” to the corresponding field for each product in Shopify Admin -> Products -> Metafileds:

Meta field format for a label “Hot”:

Name = e.g. Hot label
Namespace and key = labels.hot
Description = Your text
Select content type -> Text -> Single line text
Value = true

Sale Countdown

The Sale Countdown will be shown for the product on the Collection page and the Quick View popup, on the Product page.

Step 1

Set the “Compare at price” in Shopify Admin -> Products

Step 2

Collection pages:

Enable the option “Show countdown” in Theme settings -> Product -> Collection Page (for Collection pages/Collections).

Product pages:

Add the Time countdown block in Products -> Product page.

Step 3

Add the Metafield format:

Name = e.g. Sale Countdown
Namespace and key = countdown.date
Description = Your text
Select content type -> Text -> Single line text
Value = e.g. 11 November 2021 20:30 or 2021-11-11 20:30 (date string)

Size guide

Create the unique “Size guide” for each product via Metafields.

Step 1

Enable an option “Size guide” in Theme settings -> Product Page & Quick View -> Popups (for Product pages). Then, add the Popups block in Products -> Product page.

Step 2

Meta field format:

Name = e.g. Size Guide
Namespace and key = sizeguide.html
Description = Your text
Select content type -> Text -> Single line text
Value = your HTML code

You may find the example HTML code from the demo store here.

If you have already added the Meta field format for “Size guide”:

Name = e.g. Size Guide
Namespace and key = sizeguide.html

You may simply paste the value for a product:

Value = hide

Custom Tab

You can create four unique tabs. Use the tab, tab1, tab2, or tab3 namespace per each tab. Add two meta fields for the tab.

Meta field format #1:

Name = e.g. Custom Tab
Namespace and key = tab.title (tab1.title, tab2.title, tab3.title)
Description = Your text
Select content type -> Text -> Single line text
Value = your title for the tab

Meta field format #2:

Name = e.g. Custom Tab
Namespace and key = tab.content
Description = Your text
Select content type -> Text -> Single line text
Value = your HTML code

Metafields Guru app

Now let's take a deep look at how to customize each meta field in the app:

Labels

You can add two labels via Metafields: “New” and “Hot”.

Step 1

Enable labels “New” and “Hot” in Theme settings -> -> Product -> Collection Page (for Collection pages/Collections) -> Product Page & Quick View (for Product pages)

Step 2

The Meta field format for a label “New”:

Type = Single line text
Namespace = labels
Key = new
Value = true

The Meta field format for the label “Hot”:

Type = Single line text
Namespace = labels
Key = hot
Value = true

Sale Countdown

The Sale Countdown will be shown for the product on the Collection page and the Quick View popup, on the Product page.

Step 1

Set the “Compare at price” in Shopify Admin -> Products

Step 2

Collection pages:

Enable the option “Show countdown” in Theme settings -> Product -> Collection Page (for Collection pages/Collections).

Product pages:

Add the Time countdown block in Products -> Product page.

Step 3

Add the Meta field format:

Type = Single line text
Namespace = countdown
Key = date
Value = 2021-12-15 22:17:15 (date string)

Size guide

Create the unique “Size guide” for each product via Metafields.

Step 1

Enable an option “Size guide” in Theme settings -> Product Page & Quick View -> Popups (for Product pages). Then, add the Popups block in Products -> Product page.

Step 2

Meta field format: