I used this guide: [link](How to add an announcement bar on your Shopify store (without an app) – Envision.io. I followed all the instructions but it didn’t work, and since one of the steps was to delete the original code for the announcement bar, it just displays an error message at the top of my store. Could you please help me either restore the old code, or add new code for the announcement bar that I can customize? Thanks.
You can try opening the file where you have implemented the change and in top left corner of the editor you should see a drop down “Older versions”. Select a previous, non edited version.
Hi @evieflow ,
What is the error message?
The problem is that one of the steps in the guide was to delete the original announcement bar code, and make a new one in the section. I’ve tried copy pasting the original code from the same theme, but that still doesn’t work. When I try to make a section code names “announcement-bar” it gives me an error saying “New schema is incompatible with the current setting value. Invalid value for type in block ‘announcement-bar-0’. Type must be defined in schema.”. I’m really not sure what to do here.
There are a few, first on my actual website it says this where the announcement bar used to be “Liquid error: Error in tag ‘section’ - ‘announcement-bar’ is not a valid section type”, and when I try to make a new code in the sections area named “announcement-bar” it gives me this error “New schema is incompatible with the current setting value. Invalid value for type in block ‘announcement-bar-0’. Type must be defined in schema.”
Just fixed it lol, in the Layout folder I went to the theme.liquid code, and changed
{% section ‘announcement-bar’ %}
{% section ‘header’ %}
to
{% section ‘announcement-bar-1’ %}
{% section ‘header’ %}
Since I couldn’t name it ‘announcement-bar.liquid’ in the “sections” folder, I had to name it ‘announcement-bar-1.liquid’ and paste the code in there. Just putting this out there in case anyone else has this issue.
1 Like
Hey, @evieflow .
Thank you for posting this question and sharing the solution!
I’m glad to hear that you were able to resolve the issue through coding. However, as suggested by @Nick_Marketing , rolling back to an older version of your theme may be an easier solution - especially for users that might not be as comfortable working with codes. Did you get a chance to try this function with a particular theme file?
That being said, since most themes do include an announcement bar now, then the third-party guide wouldn’t be necessary. Was there a particular feature or appearance that you were looking for?
1 Like
Hey Elias.
Yeah I did see the rollback feature, but the problem was that one of the guide steps was to delete the original announcement bar file. I wasn’t able to find a rollback feature that would restore a deleted file, so that’s why I had to fiddle around a little bit to find the solution. If there is a feature like that please let me know how to use it, just in case I run into this down the line!
In terms of why I tried to edit the code, I was trying add a feature that would allow me to change the default font on the announcement bar. If you could help me out with this that would be great!
Hi @evieflow ,
There is actually rewind that can do that stuff. This is what they said on their website.
Rewind maintains a continuous backup of your entire store.
This means you can restore:
- Individual items, including images, descriptions, blogs, themes, orders, pages, customer lists, and more.
- Multiple items at once, like an entire collection or brand.
- Your complete Shopify store, just how you like it.
Hey, @evieflow .
Thank you for following up and providing the additional context!
If a theme file was deleted, then you wouldn’t be able to use the rollback feature as this is only available for rolling back changes made on an existing theme file. However, you can simply install a fresh copy of the theme and recreate the deleted file by copying and pasting the coding back onto your theme. The Rewind Backups app, as suggested by @made4Uo , is also a great option for backing up your store and rolling back some irreversible changes, such as deleted theme files, products, blogs, etc.
As for changing the default font on the announcement bar, you can check out our developer’s guide on adding custom fonts to your theme. However, if you’re not comfortable working with coding languages (eg. HTML, JavaScript, CSS, and Liquid), then you may want to consider hiring a developer to help you with this task. That being said, if you need help finding a developer, then I’d recommend taking a look at our directory of certified developers on Shopify Experts.
On the other hand, if you’d like to explore some easier alternatives for adding/changing fonts, then I’d recommend taking a look at a third-party app, called Fontify, or using a different app for the announcements (eg. Hextom: Quick Announcement Bar). If you need any help with a third-party app, then the app developers are always available to assist you - you can reach out to them directly through the contact information found in the Support section of their app pages.
I was also able to get a look at your store using the URL in your screenshot, and I think your store looks amazing! I love the variation of sections you’re using on the homepage and it looks like you were able to find a suitable font to match your store’s aesthetics. However, when I first saw the homepage, I thought there was only one product. Have you considered showcasing some of your other products, like you did with the bottle using the Featured product section? Also, would you be interested in interacting with customers on your store using something like Shopify Inbox, as this can help build trust and increase conversions?