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

[sahilsharma9515]

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

[Moeed · 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:

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

Best Regards,
Moeed

[Moeed · 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:

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

Best Regards,
Moeed

[sahilsharma9515 · Accepted solution]

Hi @Moeed Thanks for the code, it worked.

Best regards 

Sahil

[Moeed]

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.