Compatibility: All Shopify Themes (Design might vary)
You might have seen those announcement bar that can catch the eye of the customers. Announcement bar is very important to keep your customer at least 10 seconds when they visit the store.
Please check demo store here. Password: made4uo
What you are buying:
- Animated announcement bar
- 3 Animations to choose from, flips, slide in, and fades up.
- You can customize the section background and text color
- You can also add a clickable image. NOTE: Advisable to use 1100 x 50 image
What makes our code better:
- We do not use external libraries, with that being said, our code will have no to minimal effect to your website's speed performance
- Our code is mobile friendly
Any issues related to the code will be fix with no additional cost, excluding code customization requests. Simply contact us with "Chat with us." We are just a button away.
To start:
1. From your Admin Page, click Online Store > Themes >Actions > Edit code
2. In the Section folder, create a seciton. Name it animated-bar. The file must show animated-bar.liquid under the Section folder.
3. Paste the code below in the file. Make sure to click SAVE.
4. Open your Asset folder, find the theme.js or global.js for others. This is your main js file.
5. Paste the code below at the very end of the file.
6. Next, go to your Layout folder, and open the theme.liquid.
7.Find the {% section 'header' %}, and below this code, past the code provided below.
See image for placement.
That's it (",)
NOTE: Every themes have different styles and settings. Code might vary.
Copied!