Fb chat overlapping cookies bar. Disable Fb chat.

[elena_gr]

Depending on the browser FB chat is overlapping cookies bar and visitors can´t close them (right pic) so it gets stuck there all the time a is covering 1/4 of the mobile screen. 

How can I disable Fb chat? I installed it using some code but I can´t find it now in order to delete it. Url is https://nanesoul.com/

[drakedev]

Did you install the code manually or using a Shopify App?

You can try to look into your theme.liquid file in Layout folder of your theme.

Look at the end of the file and search for something similar to:

<!-- Load Facebook SDK for JavaScript -->
      <div id="fb-root"></div>
      <script>
        window.fbAsyncInit = function() {
          FB.init({
            xfbml            : true,
            version          : 'v8.0'
          });
        };

        (function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src='https://connect.facebook.net/es_ES/sdk/xfbml.customerchat.js';
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));</script>

      <!-- Your Chat Plugin code -->
      <div class="fb-customerchat"
        attribution=setup_tool
        page_id="############"
  theme_color="#9EBACF">
      </div>

And you can comment all the block by including it inside

  {%- comment -%}
  
  {%- endcomment -%}

[elena_gr]

Hi! Thanks for the answer!! I had installed it manually and I found it, so where should I add this? 

{%- comment -%}
{%- endcomment -%}

and what this will do? 

I really appreciate your help I´m clueless.. 

[drakedev · Accepted solution]

You can use the comment markup in this way

{%- comment -%}

<!-- Load Facebook SDK for JavaScript -->
      <div id="fb-root"></div>
      <script>
        window.fbAsyncInit = function() {
          FB.init({
            xfbml            : true,
            version          : 'v8.0'
          });
        };

        (function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src='https://connect.facebook.net/es_ES/sdk/xfbml.customerchat.js';
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));</script>

      <!-- Your Chat Plugin code -->
      <div class="fb-customerchat"
        attribution=setup_tool
        page_id="############"
  theme_color="#9EBACF">
      </div>

{%- endcomment -%}

That's just to be sure that it is working.

Once you have tested you can keep the code like this, or just delete everything if you don't plan to reuse it in future.

[elena_gr · Accepted solution]

I´m really thankful! It worked perfectly!!

[drakedev]

You are welcome