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"
},
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"
},
Why would changing the field to "type": "html" not work?
So puzzling...
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!
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 🙂
@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.
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022