Pull product metafield image not working

Shopify Discussion
1

Hi,

I followed some Solutions offered to similar discussions but they don’t work on my case.

I have created a product metafield image called:

product.metafields.my_fields.top_note_icon

I am trying to display this PNG icon image on the product template. I have tried with these codes, none worked:

Top Notes

<img src="{{ product.metafields.my_fields.top_note_icon.image | asset_url }} alt=“Top Notes” width=“120” height="120>

Anyone that can help?

2

For metafields of type file_reference in case of images the object returned is a media object and to generate the URL, you need to use Media Filters

This is the correct code to use
1 Like
3

Hi @drakedev ,

Thanks, however I am getting this liquid error:

— Liquid syntax error: Expected end_of_string but found id in “{{ product.metafields.my_fields.top_note_icon | img_url: 120x120 }}”

The full div is:


      
  	#### TOP NOTES
  {{ product.metafields.my_fields.top_note_description }}
4

It seems that the documentation contain an error. This syntax will work
1 Like
5

Thank you,

It worked!

Kind Regards

6

I am having a similar issue trying to add a metafield to my product page for a size chart. I created the metafield but it doesn’t display on the theme settings when I’m in the shop. Do you know what the html code is to add a metafield section?

7

Did u find any solution? I’m having the same problem.

Thank you!