Home › Forums › Basel support forum › Facebook Messenger plug-in

Facebook Messenger plug-in

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • February 7, 2018 at 11:48 am #37992

    Giulio
    Participant

    Hi there,

    I would to use a Facebook Customer Chat inside our web site: https://goo.gl/ijeyzi. But with these codes I had some issues with the shopping cart widget on the right. Cart button and checkout button didn’t work anymore. It could be caused by the fact that I used that code inside footer.php? 

    <div class="fb-customerchat" page_id="***********" minimized="true"></div>

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId            : '*****************',
      autoLogAppEvents : true,
      xfbml            : true,
      version          : 'v2.12'
    });
  };

  (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/it_IT/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>

    Now I removed the code, so you can’t view it inside the web site. Maybe I should paste the code inside another page? Many thanks.

    February 7, 2018 at 12:46 pm #38030

    Artem Temos
    Keymaster

    Hi,

    Where should we check this problem on your website?

    February 7, 2018 at 12:51 pm #38035

    Giulio
    Participant

    I re-upload the code in the footer. Please take a look asap 🙂

    February 7, 2018 at 12:59 pm #38041

    Artem Temos
    Keymaster

    We don’t see any problems now.

    February 7, 2018 at 1:06 pm #38042

    Giulio
    Participant

    With all these items inside the cart I can’t click on the buttons. Is like if there is an hidden layer over the buttons.

    Attachments:
    You must be logged in to view attached files.
    February 7, 2018 at 1:24 pm #38053

    Artem Temos
    Keymaster

    Yes, this widget overrides a part of the website and blocks these buttons. We can’t change this in our theme scope.

    February 7, 2018 at 1:30 pm #38066

    Giulio
    Participant

    Oh, no. It’s a pity. It can be a really nice method to communicate with customers.

    February 7, 2018 at 1:43 pm #38079

    Artem Temos
    Keymaster

    But how do you want to solve it? We can try to prepare a CSS code to show shopping cart widget above the chat button if it is OK for you.

    February 7, 2018 at 1:45 pm #38081

    Giulio
    Participant

    It would be great. As I told you we consider Messenger a really useful instrument to communicate with our customers. It would be a pity can’t use it.

    February 7, 2018 at 2:30 pm #38107

    Artem Temos
    Keymaster

    We don’t see the button at the moment.

    February 7, 2018 at 2:32 pm #38110

    Giulio
    Participant

    We removed it again. Ok, just uploaded.

    February 7, 2018 at 2:33 pm #38111

    Artem Temos
    Keymaster

    Here you have it

    .cart-widget-side {
    z-index: 9999999999!important;
}
    February 7, 2018 at 2:35 pm #38112

    Giulio
    Participant

    Global CSS or only desktop in your opinion?

    February 7, 2018 at 2:37 pm #38115

    Giulio
    Participant

    It’s not working. I see this link on a button.

    February 7, 2018 at 2:45 pm #38119

    Artem Temos
    Keymaster

    Try this one

    .basel-cart-opened #fb-root {
	display: none!important;
}
    February 7, 2018 at 2:47 pm #38121

    Giulio
    Participant

    Yeah, now it works. That’s great 🎉

    February 7, 2018 at 2:48 pm #38123

    Artem Temos
    Keymaster

    Great, you are welcome!

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)

The topic ‘Facebook Messenger plug-in’ is closed to new replies.