Show Image metafield in EComposer

Author: Anna Nguyen 766 views

After following this article to learn what is metafield and how to create it first, then follow the below steps:

Step 1: For example, I created a metafield with the File type to be able to upload the image.

Step 2: Open your Product in Shopify admin to add the image to the metafiled.

Step 3: Open EComposer page editor to add a Metafield element to your page and use the below code (replace the orange code with your metafield)

{{ product.metafields.custom.ecomposer_image.value  | img_url: '500x' | img_tag }}

Leave a Comment

Enjoy a free 3-day trial. Then get your first month for $1. Try Now.