How to hide the Shopify chat widget just from product pages

Store Design
, , , , ,

Topic summary

Goal: Hide the Shopify Inbox chat widget on product pages to avoid conflict with a sticky Add to Cart button.

Solution provided:

  • Navigate: Online Store > Edit Code > theme.liquid.
  • Insert a Liquid conditional near the bottom of theme.liquid, above , to control the widget on product templates:
    {% if template == “product” %}
    {% endif %}
  • (Implied) Place or condition the chat widget code using this check so it does not appear on product pages.

Notes:

  • A screenshot was shared to illustrate the placement, but it’s not essential to the fix.

Outcome:

  • The original poster confirmed the solution worked.
  • No disagreements; issue resolved. Further help offered if needed.
Summarized with AI on January 8. AI used: gpt-5.
3

Hi @Moeed Thanks for the code, it worked.

Best regards

Sahil