Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Product Metafield Size Guides

Annie

Written by Annie

Last updated

533 views

On this page


The theme allows you to add 2 types of Size Guide content for your product: A custom page and a custom image. If you wanna add a Size Guide for a specific product, you can configure the Metafield Size Guide by following the steps below.

1. Create metafield

In Shopify backend, go to Settings > Custom data > Products > Add definition. Please follow this video:

1.1. Add Size Guide – Image

You need to configure some options below:

  • Name: You can add any name here. Ex: Size Guides

  • Namespace and key: You can add any keyword here. Example: theme.size_guide

  • Description: You can add any text for the description.

  • Select Content Type: This is a required option, you have to choose File.

13.webp

Then click Save button to save all changes, we will got the metafield definition as image below:

14.webp

1.2. Add Size Guide – Page

You need to configure some options below:

  • Name: You can add any name here. Example: Size Guides Page.

  • Namespace and key: You can add any keyword here. Example: theme.size_guide2 or any words you want.

  • Description: You can add any text for the description.

  • Select Content Type: This is a required option, you have to choose Reference > Page.

15.webp

Then click Save button to save all changes, we will get the metafield definition as image below:

16.webp

2. Add Metafield in Products

In Shopify backend > Products > All Products > open the product that you wanna add the Size Guide.

In the product, please scroll down to the bottom of the page, you will see the Size Guide metafield option. Kindly follow the video below:

3. Configure Metafield in Theme Customize

In Themes > Customize > Product page > Choose the product that you wanna configure the Size Guide.

In Product main > Size-chart, scroll to bottom of Setting sidebar, you will see the option to choose Metafield. Please follow the video below:

[Private Offer] EComposer Partner Plan

ecomposer.jpg
Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Ecomposer1.jpg
Cheers, The4.

We highly recommend Shopify apps from our partners.

We uses cookies to ensure you get the best experience on our website.