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.
User | RANK |
---|---|
24 | |
23 | |
12 | |
9 | |
7 |
Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023One of the key components to running a successful online business is having clear and co...
By Ollie Mar 6, 2023