How to make announcement bar visible for only tagged 'wholesale' customers

Rcard · ‎07-23-2024

Wondering if someone has a code so my announcement bar is only visible to customers tagged with 'wholesale'

Dan-From-Ryviu · ‎07-23-2024

You can add this code to theme.liquid file, after <head> in Online Store > Themes > Edit code to do your request

{% if customer.tags contains 'wholesale' %}
<style>
.announcement-bar-section { display: block !important; }
</style>
{% endif %}
<style>
.announcement-bar-section { display: none; }
</style>

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

View solution in original post

Dan-From-Ryviu · ‎07-23-2024

Hi @Rcard

You can add this code to theme.liquid file, after <head> in Online Store > Themes > Edit code to do your request

{% if customer.tags contains 'wholesale' %}
<style>
.announcement-bar-section { display: block !important; }
</style>
{% endif %}
<style>
.announcement-bar-section { display: none; }
</style>

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

Haptech · ‎07-23-2024

Hi @Rcard

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

{% if customer.tags contains 'wholesale' %}
<style>
.announcement-bar { display: block !important; }
</style>
{% else %}
<style>
.announcement-bar { display: none !important }
</style>
 {% endif %}

- If helpful then please Like and Accept Solution.
- Try Haptech: B2B/wholsale Free? Check this app for all Shopify Plans.
- Need help from our expert? Kindly share your request with us via hatptech@gmail.com

How to make announcement bar visible for only tagged 'wholesale' customers

How to make announcement bar visible for only tagged 'wholesale' customers

Community Blog Articles