I’m trying to add a list of text to a metafield for a product and when I add it as HTML, it doesn’t render it properly on the front end. Other posts have solved this problem by using a single line text metafield rather than a multi line metafield. But i’ve created a new one, plugged in some HTML, an…

Hi @linpin , Text won’t support this, you can just change it to “Reference Page”. https://i.imgur.com/ZN7kVQX.png Then you create pages and select it in products. Finally, you just need to get it with the content of the page, it will work fine with HTML. Code: {{ product.metafields.my_fields.name…

Hi @LitCommerce But does that solution mean that i need to create a page for every product given that the product details are different for every product? That seems cumbersome…I thought the point of the metafields was exactly for the purpose i’m describing. Thanks for your help. Lindy

Hi @linpin , Or you can create metafields as ‘Multi-line text’: https://i.imgur.com/18DLCjt.png Then you just need to enter the html for it, everything will display fine: https://i.imgur.com/4NLVCzT.png Hope it helps!

Hi Litcommerce I’ve tried both single and multi line metafields and it doesn’t work for either. I’ve used an online html generator to make sure i’ve got the code correct and it’s still displaying html. My theme is 2.0. Any other ideas? Thanks so much for replying [Untitled.png] Lindy

Hi @linpin , Can you send me the code of Metafield you enter or create a staff account. I will check it. Because I checked ‘Multi-line text’ and it works fine.

Hi @linpin , I checked and metafield when added by Customize it wont work well. So you need to add it directly to the code. https://i.imgur.com/kgY3lu1.png , https://i.imgur.com/ow1wP51.png Hope it is clear to you. If it helped you solve your issue, please mark it as a solution. Thank you and go…

Hi @LitCommerce , How can I make this exact fix in the product liquid but for the theme “Dawn”? Thank you, Thomas

Hi @tclapmarketing , You can create a question on the community and send me the link. I will check it. Because this will help build a better community. Thank you.

You can display HTML using metafield. [Create Metafield to Display HTML in Shopify Product Page? Display Table]

How can I properly render HTML in a product metafield?

Store Design

meo_me May 13, 2022, 10:55pm 10

Hi @linpin did you find a solution for that?

Topic		Replies	Views
Multi-Line Text Metafield not rendering HTML Store Design	5	527	July 27, 2024
How can I use HTML in product page meta text fields? Store Design	37	1556	July 27, 2024
Long Text Metafields won't render html in product page collapsible tabs Store Design	5	128	April 22, 2022
Wie kann man im Multi-Line Text Metafield eine HTML Anzeigen Technische Fragen & Antworten migration , css , shopify-theme	1	99	February 6, 2023
Create Metafield to Display HTML in Shopify Product Page Shopify Discussion troubleshooting	4	177	February 18, 2026

How can I properly render HTML in a product metafield?

Related topics