In the Kalles theme version 3.x.x – support Shopify 2.0, you need to follow the instruction below to know how to configure Custom Metafield for your Products.
To configure the Metafield for your products, please go to Dashboard Settings > Metafields option. Kindly follow my video below:
Click the Add definition button to start configuring Metafield.
Product Metafield – Size Guide
The Kalles theme allows you add 2 types of Size Guide contents 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 following these steps below.
1. Add Metafield Size Guide – Page
You need to configure some options below:
- Name: You can add the name that you wanna show for the Metafield Size Guide – Page here. Example: I added the field Name is: Metafield Size Guide.
- Namespace and key: You can add any keyword here. Example: You can add the key: meta.sizeguide2 or any words you want.
- Description: You can add the Description for the Metafield Size Guide – Page here. In addition, this is not a required option, so you can choose to add a Description or not.
- Select Content Type: Please choose the content type is Reference > Page. This is a required option, if you do not choose the content type is Reference > Page here, the Metafield Size Guide cannot work correctly.
Actually, you guys can configure following my image below:
2. Add Metafield Size Guide – Image
You need to configure some options below:
- Name: You can add the name that you wanna show for the Metafield Size Guide – Image here. Example: I added the field Name is: Metafield Size Guide.
- Namespace and key: You can add any keyword here. Example: You can add the key: meta.sizeguide or any words you want.
- Description: You can add the Description for the Metafield Size Guide – Image here. In addition, this is not a required option, so you can choose to add a Description or not.
- Select Content Type: Please choose the content type is File. This is a required option, if you do not choose the content type is File here, the Metafield Size Guide cannot work correctly.
You guys can configure following my image below:
After configuring done, we will get 2 Metafield definitions as the image below:
3. Configure Metafields Size Guide in Product
You can follow the video below to know how to configure Metafield Size Guide for products in Products > All products.
NOTE: If you don’t want show Metafield contents above for some products, please do not configure the metafield option in Products as the image below:
4. Show Metafield Size Guide in Customize > Product Page
You can follow my video below:
5. Configure Size Guide for all products
If you guys don’t wanna configure the Size Guide for a specific product, you can choose a static page/ static image for all products without using Metafield. Please follow the instruction below:
5.1. Choose a static page for Size Guide
First one, choose Size Chart type: HTML. Then, in the HTML Size Chart option > Click the Select page button to choose a page for Size Guide.
Example: I wanna choose the Size Guide page > Tick on that page > Click the Select button.
The Size Guide page has been selected to show for all products.
Then the Size Guide page that you selected in the Product page will show on all products or products that have the Size variant.
5.2. Choose a static image for Size Guide
You can configure same with Size Chart type: Image. First one, choose Size Chart type: IMAGE. Then, in the IMAGE Size Chart option > Click the Select Image button to choose an image for Size Guide.
Example: I uploaded a Size Guide image > Tick on that image to pick it > Click the Select button.
The Size Guide image has been selected to show for all products.
