Meta field richtext frontent view

Retired Boards Appdev Custom Storefronts

Topic summary

A developer struggled to display metafield richtext content on the storefront, receiving only JSON format instead of properly rendered text.

Solution Provided:
Another user shared a code snippet using Liquid’s metafield_tag filter to properly render richtext metafields:

{%- if product.metafields.custom.olfactory_notes != blank -%}
  {{ product.metafields.custom.olfactory_notes | metafield_tag }}
{%- endif -%}

Outcome:
Multiple users confirmed this solution resolved their issue, with several expressing frustration that Shopify’s documentation doesn’t clearly explain this approach. The discussion is resolved with a working implementation.

Summarized with AI on November 16. AI used: claude-sonnet-4-5-20250929.
1

Hello ,
i very tired for metafield richtext showing in frontent i am getting only json formate .
plz help for showing proper content in frotentd.

product.metafields.custom.olfactory_notes

{“type”:“root”,“children”:[{“type”:“paragraph”,“children”:[{“type”:“text”,“value”:“hhhhhhhhhhhh”}]}]}

1 Like
2

Hi @kim91 , Did you find a solution?

3

Hi @kim91 ,

Please use this,

{%- if product.metafields.custom.olfactory_notes != blank -%}
    {{ product.metafields.custom.olfactory_notes | **metafield_tag** }}
{%- endif -%}

Thanks!
9 Likes
4

You saved me so much headache. Thank you! Shopify needs better docs on this…

1 Like
5

Life saver! Thank you

1 Like
6

OMG Thank you! You SAVED ME!