How to get this: "If mobile don't run this javascript (purechat ) on shopify"?

Question

I was looking for an answer and have tried many options but nothing worked.

So, I'm trying to disable Pure Chat if on mobile.

Pure Chat Code:

<script type='text/javascript' 
     data-cfasync='false'>

    window.purechatApi = {
      l: [],
      t: [],
      on: function() {
        this.l.push(arguments);
      }
    };
    (function() {
      var done = false;
      var script = document.createElement('script');
      script.async = true;
      script.type = 'text/javascript';
      script.src = 'https://app.purechat.com/VisitorWidget/WidgetScript';
      document.getElementsByTagName('HEAD').item(0).appendChild(script);
      script.onreadystatechange = script.onload = function(e) {
        if (!done && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete')) {
          var w = new PCWidget({
            c: 'b935f3c9-9b39-4746-8080-c4b0ac74963d',
            f: true
          });
          done = true;
        }
      };
    })();

</script>

Do you have any idea how to solve that?

Hiding the box is not sufficient? Do you literally require to not load the script on mobiles? — HymnZzy, Feb 02 '16 at 06:16
Thank you. But where do I put this? In theme, snippet or css? I'm using shopify platform. — Donatas Simkus, Feb 21 '16 at 11:36

score 0 · Answer 1 · edited May 23 '17 at 12:15

Detecting if the page is running on mobile device is a tricky thing to do. You can read up more about it in a related question here

If you choose to most upvoted solution, you can achieve what you want the following way:

if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) === false) {
    // not mobile device, 
    // initialise pure chat here
}

Disclaimer: This solution depends on the user-agent string, which is not the most reliable, since it can be changed easily by user. But in this particular case, it's a reasonable enough solution.

score 0 · Answer 2 · answered Feb 23 '16 at 06:33

0

Just add the following line in theme.liquid or styles.scss.liquid

@media (max-width: 799px){.purechat{display:none !important;}}

Adjust max-width as required. This will load the script but will hide it on any screen with less than 800px width.

answered Feb 23 '16 at 06:33

HymnZzy

2,669
1
17
27

How to get this: "If mobile don't run this javascript (purechat ) on shopify"?

2 Answers2