Shella Shopify Theme
  • User Manual
  • Shopify help
  • Get Started
    • How to create a new Template
    • How to add and edit a Page
    • How to build Metaobjects
    • How to find a handle
    • Filters logic
    • Pre-Order
  • Product variants
  • Header
    • Theme Blocks
  • Footer
    • Theme Blocks
  • Metafields
    • How to create custom filters
  • Theme Sections
    • Builder
      • Promo box (Banner)
      • Slick Slider
      • Revolution Slider
      • Instagram
      • Product column
      • Custom HTML
      • Space for vertical menu
    • Spacer
    • Article carousel
    • Brand carousel
    • Product carousel
    • Review carousel
    • Contact form
    • FAQs
    • Gallery
    • Information line
    • Search form
    • Subscription form
    • Brands
    • Collections
    • Lookbook
    • One product
    • Collection page heading
      • Theme Blocks
    • Collection banner builder
      • Theme Blocks
    • Ticker
  • Products
    • Product page
      • Theme blocks
    • Related product carousel
    • Usage information sidebar
  • Collections
    • Product grid
      • Current filters
      • Collections
      • Filters
      • Filter settings
      • Tags
      • Products
      • Custom HTML
      • Subscription
      • Promo box (Banner)
  • Collections list
  • Page categories
    • Policy page
    • Lookbook
      • Page
    • Gallery
      • Page
    • FAQs
      • Page
    • Contact
      • Page
    • Brands
      • Page
    • Password
      • Social media
    • Search
      • Current filters
      • Filters
      • Filter settings
      • Products
      • Custom HTML
      • Subscription
      • Promo box (Banner)
    • Quick view
  • Blogs
    • Theme Blocks
  • Blog posts
    • Theme Blocks
  • Theme settings
    • Quick Start
    • License
    • Logo and Favicon
    • Layout
    • Colors
    • Typography
    • Collection and Search page
    • Product -> General
    • Product -> Variants
    • Product -> Collection Page
    • Product Page and Quick View
    • Search
    • Currency
    • Cart
    • Wishlist and Compare
    • Payments
    • Social Media
    • News Subscription
    • Blog and Article Pages
    • Account
    • Reviews
    • Services
    • Apps and Language
    • Button, Input and Promo Box
    • Notifications
    • Pre-loader
    • Animations
    • Developer
    • Custom CSS
  • Theme features
  • Back to Help Center
Powered by GitBook
On this page
  • Product Metafields
  • Shopify Admin
  • Labels
  • Sale Countdown
  • Size guide
  • Hide 'Size Guide' popup per product
  • Custom Tab
  • Metafields Guru app
  • Labels
  • Sale Countdown
  • Size guide
  • Hide 'Size Guide' popup per product
  • Custom Tab

Was this helpful?

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.

PreviousTheme BlocksNextHow to create custom filters

Last updated 1 year ago

Was this helpful?

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 .

If you use lower theme versions, please consider installing an app, e.g. a free Metafields Guru app. Check the 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

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:

Product pages:

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

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

Hide 'Size Guide' popup per product

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

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:

Product pages:

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

Step 2

Meta field format:

  • Type = Single line text

  • Namespace = sizeguide

  • Key = html

  • Value = [ Your HTML code ]

Hide 'Size Guide' popup per product

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

You may configure it with the 'hide' value.

Meta field format:

  • Type = Single line text

  • Namespace = sizeguide

  • Key = html

  • Value = hide

Custom Tab

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 fields for the tab.

Meta field format #1:

  • Type = Single line text

  • Namespace = tab (tab1, tab2, tab3)

  • Key = content

  • Value = [Your HTML code]

Meta field format #2:

  • Type = Single line text

  • Namespace = tab (tab1, tab2, tab3)

  • Key = title

  • Value = Tab title string

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

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

Add the block in Products -> Product page.

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

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

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

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

Add the block in Products -> Product page.

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

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

Product -> Collection Page
Product Page & Quick View
Product -> Collection Page
Time countdown
Popups
Popups
here
Product -> Collection Page
Product Page & Quick View
Product -> Collection Page
Time countdown
Popups
Popups
here
video tutorial
video tutorial