Show Product list from Metafield in EComposer

This Metafiled type allows you to create different product list to different products, display additional information about products in Shopify. You don’t have to build many many product templates in the Ecomposer app or in your Theme, then assign each template to every single products. That would be waste of time

With just one template and one metafileds, the Product list turns into be dynamic and customizable.

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

1. Generate the Metafield definitions

Click to Add definition button -> Fill out the information such as Name, Namespace and Key

click Select Type button -> Product

Choose List products -> Don’t forget to enable the Storefronts checkbox -> Save

Copy the Metafiled code here

2. Adding values to metafields to every single product page

Find the correct Metafield name that you’re just created in Setting -> 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:

{%for product in product.metafields.custom.NAMESPACE.KEY.value %} 
<a  YOUR STORE DOMAIN/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

We need to customize a bit of code.

For example, in this instruction the true code is:
{%for product in product.metafields.custom.product_list.value %} <a href=”https://ecomposer.com/collections/{{product.handle}}” target=”_blank”>{{product.title}}</a><br> {% endfor %}

Use Metafield element to paste the Metafield code:

Result: