A user is attempting to apply a custom font to specific words in their Shopify store (Enterprise theme) by wrapping text in <span> tags with CSS classes. Instead of rendering properly, the HTML tags display as plain text on the storefront.
Current Setup:
"type": "text" and "type": "textarea" in the section’s Liquid fileDiagnosis:
Status: The issue remains unresolved. The root cause appears to be that these field types are escaping HTML by default rather than rendering it, but no solution has been provided yet.
I want to apply a custom uploaded font to specific words in my Shopify store. To do this, I wrap the words in tags and assign a CSS class to them. However, instead of rendering correctly, the span tags appear as plain text in my shop.
The same issue occurs when I try using other HTML tags. Why is this happening, and how can I fix it?
I am using the Enterprise theme.
Appreciate any help!
@Narwhal12 - these fields might be the rich text sections and rich text do not render any html and show up as plain text
No, in the sections liquid file they are defined as text or as textarea:
{
“type”: “text”,
“id”: “subheading”,
“label”: “Subheading”,
“info”: “Shown above the main heading.”,
“default”: “Subheading”
},
{
“type”: “textarea”,
“id”: “heading”,
“label”: “Heading”,
“info”: “Enter
for a line-break.”,
“default”: “Slideshow”
},
