Need to hide the shopify chat from specific page

Solved

Need to hide the shopify chat from specific page

WWSNonet
Visitor
3 0 0

I tried everything i could find from other chats, lots of confirmed answers that worked for them but nothing works for me. Spent ages trying to use AI to figure it out as well, occasionally it gave me the same responses as the threads i found. But absolutely nothing works or even impacts the chatbox at all.

 

We are on the stilletto theme

Accepted Solution (1)
asharofficial
Excursionist
41 5 16

This is an accepted solution.

@WWSNonet  Here is the solution to hide for specific page 

Steps to Add Custom CSS in Shopify

  1. From your Shopify admin, go to Online Store > Themes.
  2. Click Actions for the theme you want to edit, then select Edit code.
  3. Find the assets/theme.css file under Assets (or whichever CSS file your theme uses).
  4. Scroll to the bottom of the file and add the following CSS code:

 

 

.template-strata-pre-launch-page #shopify-chat {
    display: none;
}

 

 

 

asharofficial_0-1734084881020.png

 

 

 Looking for skilled Shopify developers? Hire Me WhatsApp: +92 334 387 4850


Support me: Buy me a coffee


 If this solved your problem, I’d truly appreciate it if you could show some love by liking this or marking it as the solution! 


View solution in original post

Replies 6 (6)

asharofficial
Excursionist
41 5 16

Provide me the store URL and let me know the pages name where you want to hide the chat, so i will provide you  the solution. 🙂 @WWSNonet 

 Looking for skilled Shopify developers? Hire Me WhatsApp: +92 334 387 4850


Support me: Buy me a coffee


 If this solved your problem, I’d truly appreciate it if you could show some love by liking this or marking it as the solution! 


WWSNonet
Visitor
3 0 0

Hi Ashar,

 

It has to be removed from this page specifically.

asharofficial
Excursionist
41 5 16

This is an accepted solution.

@WWSNonet  Here is the solution to hide for specific page 

Steps to Add Custom CSS in Shopify

  1. From your Shopify admin, go to Online Store > Themes.
  2. Click Actions for the theme you want to edit, then select Edit code.
  3. Find the assets/theme.css file under Assets (or whichever CSS file your theme uses).
  4. Scroll to the bottom of the file and add the following CSS code:

 

 

.template-strata-pre-launch-page #shopify-chat {
    display: none;
}

 

 

 

asharofficial_0-1734084881020.png

 

 

 Looking for skilled Shopify developers? Hire Me WhatsApp: +92 334 387 4850


Support me: Buy me a coffee


 If this solved your problem, I’d truly appreciate it if you could show some love by liking this or marking it as the solution! 


WWSNonet
Visitor
3 0 0

It worked! Thanks!

asharofficial
Excursionist
41 5 16

@WWSNonet Thanks Let me know for further assistance

 Looking for skilled Shopify developers? Hire Me WhatsApp: +92 334 387 4850


Support me: Buy me a coffee


 If this solved your problem, I’d truly appreciate it if you could show some love by liking this or marking it as the solution! 


steve_michael2
Trailblazer
439 38 55

Hi @WWSNonet 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

.template-strata-pre-launch-page #shopify-chat {
    display: none !important;
}

Result:

steve_michael2_0-1734085170106.png

 

If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!

Crafting exceptional online experiences with innovative design and technology.

Try Big Bulk Discount To Boost Your Store Sales with Volume/Tier Discount