Solved

How to hide the Shopify chat widget just from product pages.

sahilsharma9515
Shopify Partner
851 101 154

I have added shopify inbox app in the store and wanted to hide the widget on my product pages as I have sticky add to cart button enabled on my product pages, So is there a way through which I can do this? 

 

I have tried few code but unable to achieve this, can someone help me in this.

 

Best Regards

Sahil

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


Accepted Solutions (2)

Moeed
Shopify Partner
3697 932 1166

This is an accepted solution.

Hey @sahilsharma9515 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

{% if  template == "product" %}
<style>
div#shopify-chat {
    display: none !important;
}
</style>
{% endif %}

RESULT:

Moeed_0-1704806868816.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

sahilsharma9515
Shopify Partner
851 101 154

This is an accepted solution.

Hi @Moeed Thanks for the code, it worked.

 

Best regards 

Sahil

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


View solution in original post

Replies 3 (3)

Moeed
Shopify Partner
3697 932 1166

This is an accepted solution.

Hey @sahilsharma9515 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

{% if  template == "product" %}
<style>
div#shopify-chat {
    display: none !important;
}
</style>
{% endif %}

RESULT:

Moeed_0-1704806868816.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
sahilsharma9515
Shopify Partner
851 101 154

This is an accepted solution.

Hi @Moeed Thanks for the code, it worked.

 

Best regards 

Sahil

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


Moeed
Shopify Partner
3697 932 1166

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️