Want To Replace Announcement Bar With Custom Announcement-Bar

sharingsunshine
Shopify Partner
8 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)

round
Shopify Partner
63 8 4

@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
You can use these steps if this solution is helpful to you please like and "Accept the solution".
sharingsunshine
Shopify Partner
8 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.

 

round
Shopify Partner
63 8 4

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 

You can use these steps if this solution is helpful to you please like and "Accept the solution".
sharingsunshine
Shopify Partner
8 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