Want To Replace Announcement Bar With Custom Announcement-Bar

Want To Replace Announcement Bar With Custom Announcement-Bar

sharingsunshine
Shopify Partner
18 0 1

I have a need to add more content to my announcement-bar. I found this tutorial on adding a new section to create a new announcement-bar but I can't find where in theme.liquid the announcement-bar is being called. This is the tutorial - https://www.youtube.com/watch?v=5PQSFR3oRNY 

 

The existing announcement-bar won't allow me to insert a paragraph with 2 links. I can only insert a short line.

 

My site is under development - https://test-thp-store.myshopify.com/ the password is efitsi

 

This is on the ride theme.

 

Thanks,

Replies 4 (4)

comercioservice
Shopify Partner
291 37 36

@sharingsunshine  


Please go to
1) Online store
2) Themes -> Edit code for Dawn

I hope it works for you, let me know, if not, I have another solution just DM me
Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.
Need store customizations, bug fixing or development ? Contact with us -- Support form for quick quote!
BFCM Big Deals: Big savings 25% off -on our Shopify FAQs apps!
sharingsunshine
Shopify Partner
18 0 1

I am not able to make this work. When I try to insert a <br  /> I get this error in the text field:

 

"announcement-bar-0": {
"type": "announcement",
"settings": {
"text": "Free Shipping Code<p>This is a good site for natural \"human-grade\" pet food.<br \/>\",
"text_alignment": "center",
"color_scheme": "accent-2",
}

JSON parse: Bad character in string literal. it is highlighting the ending comma.
 
I need to be able to insert a large paragraph of text with <br />'s in between to control how the message will look. Also after the paragraph I need 2 <br />'s for the next line.
 
I am new to JSON so perhaps this is a mistake on my part.

 

comercioservice
Shopify Partner
291 37 36

1, are you able to find header.json? --- if yes please like
2, You should use a rich text field in your your announcement text field
3, I can see your code i can help, is there any way to see the code 

Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.
Need store customizations, bug fixing or development ? Contact with us -- Support form for quick quote!
BFCM Big Deals: Big savings 25% off -on our Shopify FAQs apps!
sharingsunshine
Shopify Partner
18 0 1

I can't save the code because of the error but here is a screenshot in the liquid programming class. This is why I need to be able to add line breaks, links and a paragraph.

 

sharingsunshine_0-1717162043310.png

 

This is what I am required to do with the announcement bar.

 

sharingsunshine_1-1717162496960.png