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.
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
We're excited to announce improvements to the threaded messaging experience in our communi...
By TyW May 31, 2023Thank you to everyone who participated in our AMA with Klaviyo. It was great to see so man...
By Jacqui May 30, 2023Photo by Marco Verch Sales channels on Shopify are various platforms where you can sell...
By Ollie May 25, 2023