Multi-Line Text Metafield not rendering HTML.

[Cwilliams44]

Hello, 

I am trying to setup a metafield showing in the box contents for products.  

I am trying to do it as HTML text, however, it does not render out the HTML part. 

Has anyone experienced this / know of a fix for this? 

I think Shopify should create a HTML meta-field. 

We are trying to update our theme, as the current theme we have does not support Shopify 2.0. 

Our old theme allowed us to create new product description tags like this by simply adding "heading 5" text which would identify the tabe title, then anything below that would be under the new tab. 

I wish our current theme did that but sadly it does not so I am stuck doing it with metafields...

[MetafieldsGuru · Accepted solution]

Hi @Cwilliams44 ,

It's a known issue of the multi-line text metafield definitions. The good news is that you can fix it easily with some proper Liquid code. You may want to refer to this thread for more details.

[kristinejrb]

Hi @MetafieldsGuru ! I am having the same issue. I couldn't add the metafields with multi-line. It only allows a single line text.
Please help 

[LitCommerce]

Hi @Cwilliams44,

You can change it by adding the code directly at the product page. Can you send me the code of main-product.liquid file. I will check it

[Struthious]

Hi @Cwilliams44 

The cause of this issue is not in the metafield, rather with the type of field being used to render it as a dynamic source. 

There are 2 types of text fields which are compatible with dynamic sources such as metafields, text fields and richtext fields.

text fields are compatible with Single Line Text metafields, while richtext fields are compatible with both Single Line Text and Multi Line Text metafields. And you can identify if your field is richtext if it has text format icons on the field: 

The issue you are encountering is due to adding a Multi Line Text field to a richtext field, and richtext fields interpret all text as formatted text. This means it purposefully bypasses the HTML interpreter assuming you want the text to display exactly as you entered it.

If however you use a Single Line Text metafield, and add it to a text field, this assumes your text is plaintext and is exposed to the HTML interpreter meaning your HTML will be parsed and converted successfully.

 

[MRamzan]

Here is the way to render HTML code.