Shopify themes, liquid, logos, and UX
Hiya, I have an announcement bar in the homepage, but it is also showing in the prodcuts/collection pages which I do not want I only want it in the homepage is anyone able to help me fix this (using sense theme)
Solved! Go to the solution
This is an accepted solution.
Hello @createdbylove ,
Follow these steps:
1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid file and search for </body>
Now just before to it add this code
{% if template.name != "index" %}
<style>
.announcement-bar-section{
display: none;
}
</style>
{% endif %}
Thanks
Hi @createdbylove,
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.
Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges: Get more sales with striking labels, badges, and banners from our 10,000+ available templates.
BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
You have my website url and password in a message I've sent you before. I have replied back to the previous message but haven't heard from you.
Hi @createdbylove, I checked my mailbox but I didn't see any message from you
Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges: Get more sales with striking labels, badges, and banners from our 10,000+ available templates.
BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
I sent you a message earlier I will send a message now
This is an accepted solution.
Hello @createdbylove ,
Follow these steps:
1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid file and search for </body>
Now just before to it add this code
{% if template.name != "index" %}
<style>
.announcement-bar-section{
display: none;
}
</style>
{% endif %}
Thanks
Thanks so much!
Would you be able to help with me with another issue to do with the announcement bar? I would like it so it fits on top of the image banner, so the little bit of pink isn't showing please 🙂
Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025