Liquid, JavaScript, themes, sales channels
In the Customize dashboard for my site, I would like to have the <br> tag to behave like a proper line break.
Instead it shows the tag literally like this:
Is it a matter of changing the input type within the respective .liquid file?
Right now I'm seeing it's this under {% schema %}:
{
"type": "text",
"id": "heading",
"label": "Heading",
"default": "Image with text overlay"
},
{
"type": "text",
"id": "subheading",
"label": "Subheading",
"default": "Tell your story with images"
},
Appreciate any help!!!
U can use the HTML setting type to include html tags that needs to be rendered.
More info on https://shopify.dev/docs/themes/settings#html
Even the RichText setting type would work for you if only a br tag is needed.
Thank you for replying!
So I'm looking through documentation now, wondering if I'm missing a piece of the puzzle.
Updated the heading type but it still doesn't seem to work. 😞
Any ideas?
{
"type": "html",
"id": "heading",
"label": "Heading",
"default": "Image with text overlay"
},
Thanks for the reference but the solution in the example did not work.
My store - viewable on mobile: http://fibonacho.co
Hi @piccolo21,
This is my recommendation for your issue. Please change type to "textarea":
{
"type": "textarea",
"id": "heading",
"label": "Heading",
"default": "Image with text overlay"
}
Please take a look at our screenshot here:
Hope this helps!
Why would changing the field to "type": "html" not work?
So puzzling...
@piccolo21 wrote:Why would changing the field to "type": "html" not work?
So puzzling...
It should just work https://shopify.dev/themes/architecture/settings/input-settings#html as long as
If those troubleshootings don't surface the true issue , then DM me your store info, and a link to theme setting and I'll send a request to see.
New Feature: Automatic free shipping discounts
Confused? Busy? Get the solution you need paull.newton+shopifyforum@gmail.com
Problem Solved? ✔Accept and Like solutions to help future merchants
Answers powered by coffee Buy Paul a ☕ Coffee for more answers or donate to eff.org
Defeat problems ,Learn To Ask Questions The Smart Way
Hi mate.
Thanks for asking.
Instead of using type `text` we can use type `textarea` in your liquid file add a string filter called `newline_to_br`.
Example
// .liquid
{{ section.settings.heading | newline_to_br }}
{
"type": "textarea",
"id": "heading",
"label": "Heading",
"default": "Image with text overlay"
}
Hope its helps 🙂
This is amazing thank you
This blog post is a recap of the webinar Getting Ready For BFCM: How To Run A Flash Sal...
By Jacqui Oct 3, 2023Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023