Product Meta Fields


Labels

You can add two labels via Metafields.

Step 1

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

Step 2

The Meta field format for label “New”:

  • Namespace = labels
  • Key = new
  • Value type = string
  • Value = true

Example metafield configuration for new label @ Metafields Guru app

The Meta field format for label “Hot”:

  • Namespace = labels
  • Key = hot
  • Value type = string
  • Value = true

Sale Countdown

This Metafiled will be shown for the product at Collection page and Quick view popup, Product page.

Step 1

Set the “Compare at price” at Shopify admin -> Products - select the needed product

Step 2

Enable an option “Show countdown” at Theme settings ->
-> Product -> Collection Page (for Collection pages/Collections)
-> Product Page & Quick View (for Product pages)

Step 3

Add the Meta field format:


  • Namespace = countdown
  • Key = date
  • Value type = string
  • Value = 2021-06-15 22:17:15 (date string)

Size guide

Create the unique 'Size guide' for each product via Metafields.

Meta field format:

  • Namespace = sizeguide
  • Key = html
  • Value type = string
  • Value = [ Your HTML code ]

You may find the example HTML code from demo store here

Hide 'Size Guide' popup per product

If your store has different types of products, you may need to hide size guide popup for some products.

You may configure it with 'hide' value.

Meta field format:

  • Namespace = sizeguide
  • Key = html
  • Value type = string
  • Value = hide

Custom Tab

Tabs that you can configure in the Shella Editor work for all the Product pages. If you want to add a unique Tab for each product, you can achieve it via Metafields.

You can create four unique tabs. Use the tab, tab1, tab2 or tab3 namespace per each tab.

Add two Meta field for the tab.

Meta field format #1:

  • Namespace = tab (tab1, tab2, tab3)
  • Key = content
  • Value type = string
  • Value = [Your HTML code]

Meta field format #2:

  • Namespace = tab (tab1, tab2, tab3)
  • Key = title
  • Value type = string
  • Value = Tab title string