GO SUB DEV LOG

SHOPIFY 2.0 can easily add metafields directly to products, products, and collections. For example, you can add length, width, height, etc. to the product. But how do you display these metafields on the store -front product page? In this article, I will introduce how to implement metafield!

If you are using the SHOPIFY 2.0 theme, you can display the meta field (length, width, height, etc.) on the product page according to the following procedure:

1. Select the online store> theme from the Shopify management screen.

2. In the live theme section, select customization. If you customize other themes, select from the theme library.

3. In the editing mode, move to the product page. Find the "Product Information" tab on the left sidebar.

4. Add a block from the "Product Information" tab and select "Text".

5. You can add metaphields one by one using the insertion dynamic source icon to the new text block.

What should I do if the vintage theme does not support metafields or want to change the display method at the store? In that case, there is another simple solution: editing the theme code. You need a little technical knowledge, but you can complete it in a few minutes.

The procedure is as follows:

1. Select the online store> theme from the Shopify management screen.

2. In the live theme section, select the action> code.

3. In the left sidebar, find the Product.liquid file. This file is in a template, section, or snippet tab.

4. After finding the position you want to display the metaphode, insert the code below.

5. Click Save. This displays the meta field correctly on the product page.

With SHOPIFY 2.0, you can easily add metafields to products, product variants, and collections, and you can customize the theme and display these metafields on the product page. If you are using a vintage theme or want to change the display method, you can solve it by editing the theme code. If you follow the procedure in this article, you will be able to display the metaphode on the product page smoothly. If a problem occurs,Go Ride RepPlease feel free to contact us.