Use Metafields as Dynamic Source: Difference between revisions

From Posstack.com Documentations
mNo edit summary
mNo edit summary
Line 22: Line 22:
You can use Easy Content Builder in combination with '''Metafields''' to display dynamic content on your storefront. You can do so by creating metafields, then connecting that metafield to a section in the theme editor. Refer to the step-by-step guide below for more information.  
You can use Easy Content Builder in combination with '''Metafields''' to display dynamic content on your storefront. You can do so by creating metafields, then connecting that metafield to a section in the theme editor. Refer to the step-by-step guide below for more information.  


How to create & display metafields on your Shopify store
=== How to create & display metafields on your Shopify store ===
 
Creating and using metafields in Shopify involves a few general steps:  
Creating and using metafields in Shopify involves a few general steps:  



Revision as of 07:14, 31 October 2023

Metafield & Dynamic source introduction

Metafields & Dynamic sources in Shopify

Metafields are custom attributes or fields that let you attach extra information to Shopify's products, collections, customers, orders, and other objects that aren't usually available in the default Shopify fields.

Technically, a metafield includes a namespace, a key, and a value. The [namespace] is the group that your metafield will belong to, and the [key] is the specific metafield name. The value stores your actual data.

Dynamic resources allow you to use metafields to display dynamic information on your Shopify store. Ultimately, dynamic sources link your custom data (that you store in a metafield) to a section or block in the theme editor - without having to type any metafields definitions. Then, you can display that custom data on the storefront wherever you assign the section (e.g, collections, products, pages, etc.).

Metafield use cases

Every Shopify store is different, so you can use metafields for various purposes that fit well with your business goals.

Here are a few examples of how you can use metafields to improve your Shopify store:

  • Improve your product page: Product materials, care manuals, size charts, lists of ingredients, etc.
  • Custom product attributes (e.g. ISBN (International Standard Book Number) on product pages for a bookstore)
  • Create custom filter and sorting options based on specific product metafields. Metafield-based filters have a certain limitation, though - filters based on product/variant metafields only support a few content types (single-line text, number, true or false). More details.
  • Improve articles: blog post summaries, etc.
  • Adding custom meta tags for SEO purposes, etc.
Using metafields in sections

You can use Easy Content Builder in combination with Metafields to display dynamic content on your storefront. You can do so by creating metafields, then connecting that metafield to a section in the theme editor. Refer to the step-by-step guide below for more information.

How to create & display metafields on your Shopify store

Creating and using metafields in Shopify involves a few general steps:

  1. Create metafields: create a metafield definition (e.g. type of metafield, metafield details, scope, etc.)
  2. Populate metafields: add values to the objects (e.g. products) that you add metafields to.
  3. Display metafields: use 'dynamic sources' or Liquid code (if you're familiar with coding) to link and display the metafield values in your Shopify store.

Below you will find step-by-step instructions on how to create and display a Related Product section using Easy Content Builder and metafield, but these steps work for other custom data too.

NOTE: Adding Related Products using the Dynamic sources best fits when you want to apply the same template to many products, and each product comes with its specific (dynamic) list of Related Products.

Step 1: Create a metafield definition for the Related Products

  • From your Shopify admin, click Settings > Custom Data
  • Click Products > click Add definition
  • In the Product Metafield definition form, assign a namespace (the group that your metafield will belong to) and a key (the specific metafield name) as follows:
  • Name: Related products
  • Namespace and key: custom.related_products
  • Description: (optional)
  • Select type > Product, make sure you enable List of Product.

Shopify Metafield definition

Step 2: Add value to the metafield

  • From your Shopify admin > click Products > click the Product you want to add Related Product section.
  • Scroll down to the Metafield section > click Related Products field to select the products you want to display as Related Product: Metafield values.png

Step 3: Link the product metafields to your template

  • From your Shopify admin, click Apps > Easy Content Builder
  • Click Manage Templates > find the template of the product you want to edit, then click Customize
  • Navigate to the section you want to add the Related Products.
    • For example: you add Related Products to the core Product section, simply click Add block > click Featured Products: Featured block.png
    • Open the Featured Products section you’ve just created > click the connect dynamic source icon next to the Select Products field > click Related Products > then click Save to apply the changes to the storefront.  Link metafield to template.png
    • Once you assign the related products using dynamic sources, you can edit and change the products your way through the Theme Editor. Configure related products.png

How to bulk edit metafields

When you need to update metafields of multiple products or other objects, you can use Shopify bulk editing feature to save time.

Steps:

  1. From your Shopify admin, choose the objects (e.g. Products) where you want to edit the metafields.
  2. Click on the checkboxes next to each product you want to edit. Then, click on Bulk Edit.
  3. In the Bulk editor, click the Columns drop-down menu, and then in the Metafields section, click the Template checkbox.

Then, you will see all metafields available for the selected objects where you can add, update values, or make any necessary changes.