Compatibility: Most of Shopify theme, including Dawn
Add a banner to your Shopify store with simple codes. Use it multiple times in a same page. Let the bar slides in mobile. You can use this bar section for logo, service information, or announcement.
Schedule it any day you want the banner the appear. You can also have an option to not schedule it. I decided to add the schedule after making the video. You should have this dropdown when you click the Section-bar.
Check DEMO store here 💻
What you are buying:
- Scheduled banner according to your needs
- Icons and text can be use
- Clickable link
- Maximum 4 slides only to make the banner responsive to multiple device
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
- We do not leave or add codes use to advertise for our website
- 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.
Steps on how to add Scheduled Banner Section
Step #1. Open your code editor
From you Admin page, go to Online store, then Themes. Choose the theme you want to edit, then click the three dots, then Edit code
Step #2. Create a new section file
In Section folder, create a new section, name it whatever you want, then replace the default code with the code below.
Step #3. Save the changes
Once you've added the code, save your changes to the theme code by clicking the SAVE button on the right hand upper corner.
Step #4. Customize theme
Go to the theme editor by clicking three dots on your left hand upper corner, then Customize theme. Add a section named "Section bar. Make sure to SAVE once you are done customizing
Conclusion
Adding a custom banner with scheduling options gives you a powerful tool to engage your customers with timely and relevant information. The ability to reuse the banner on different pages and schedule it as needed provides great flexibility. The sliding effect on mobile ensures that your announcements are noticed, enhancing the user experience on all devices.
You can use this feature to display logos, highlight services, or make important announcements, making your Shopify store more dynamic and user-friendly. Happy customizing!
Copied!
1 comment
Very useful thanks! How would you make the banner image clickable in dawn theme?