Fb chat overlapping cookies bar. Disable Fb chat.

Solved
elena_gr
Excursionist
21 1 2

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/

fb chat.jpeg

0 Likes

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 -%}

 

 

• If the problem is solved remember to click ✅ to Accept Solution
• Press Like, if the answer was helpful
• Shopify/Shopify Plus custom development, optimization and consulting. You can hire me here.
elena_gr
Excursionist
21 1 2

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.. 

0 Likes

This is an 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.

• If the problem is solved remember to click ✅ to Accept Solution
• Press Like, if the answer was helpful
• Shopify/Shopify Plus custom development, optimization and consulting. You can hire me here.
elena_gr
Excursionist
21 1 2

This is an accepted solution.

I´m really thankful! It worked perfectly!!

0 Likes

You are welcome

• If the problem is solved remember to click ✅ to Accept Solution
• Press Like, if the answer was helpful
• Shopify/Shopify Plus custom development, optimization and consulting. You can hire me here.
0 Likes