Show Product list from Metafield in EComposer

This Metafield type allows you to create different product lists for different products and display additional product information in your Shopify store. Instead of creating multiple product templates in EComposer or your theme and assigning each template to individual products, you can manage everything more efficiently using metafields, saving you a lot of time and effort.

With just one template and one metafield, the Product list turns into a dynamic and customizable list.

Note: Product list is a list of clickable product links, it can not show Product Images here

1. Generate the Metafield definitions

Step 1: In the Shopify admin, navigate to Settings -> Metafields and Metaobjects -> Products to create your metafield.

Step 2: Click Add definition to create a new metafield or metaobject.

Step 3: Enter the Name, and choose the type for your metafield. Please choose List Product type and Save.

2. Adding values to metafields to every single product page

Step 1: Go to Shopify Admin > Products > All Products > Select a certain product that you want to display on the metafield content.
Step 2: Scroll down to the bottom to see the Metafields

Step 3: Find the correct Metafield name that you just created in Settings => Select some products to have a list

3. How to showcase variant metafield on the Product page?

Please copy and use the SAMPLE CODE below. You can change custom.product_list to your metafield namespace.

{%for product in product.metafields.custom.product_list.value %} 
<a href="/collections/{{product.handle}}" target="_blank">{{product.title}}</a><br>
{% endfor %}

Note: You can get the NAMESPACE.KEY value from Variant metafield which is set here

Step 1: Open the Elements panel => add the Metafield element to the position where you want to show the product list.

Step 2: Change the Metafield source to Custom Liquid and add the code to it:

Result: