[yildirim flugreisenParticipant]

Hi There,

I tried everything and worked nearly for two days but the “Facebook Page Plugin” is not working continuously. It is working (only) on my safari (mac) but it is not working on for example safari on iPhone or chrome etc.

It would be great to get support for this one

What I have done so far:

I have already paste this to the functions.php in my child theme

add_action( ‘x_before_site_begin’, ‘x_print_fb_sdk’ );

function x_print_fb_sdk(){
?>
<div id=”fb-root”></div>
<script>(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 = “//connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v2.8&appId=1669264163354769”;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>
<?php
}

and this into the Raw Content element (LEFT SITE) in my site https://reiserocket.de/preise/

<div class=”fb-page” data-href=”https://www.facebook.com/reiserocket/” data-tabs=”timeline” data-small-header=”false” data-adapt-container-width=”true” data-hide-cover=”false” data-show-facepile=”true”></div>

on the RIGHT SITE I have add the IFRAME for testing purpose

<iframe src=”https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Freiserocket%2F&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId=1669264163354769″ width=”340″ height=”500″ style=”border:none;overflow:hidden” scrolling=”no” frameborder=”0″ allowTransparency=”true”></iframe>

As you can see in the 1. ATTACHMENT both is displayed with safari (mac)

But as you can see in the 2. ATTACHMENT there is nothing displayed in CHROME

I have tried here “the inkognito mode”, “empty browser Cache” “purge Cache etc. but nothing worked.

Latest WordPress, x-theme and cornerstone version.

Thx for you support!
Kind Regards,
Hüseyin

[JadeModerator]

Hi Hüseyin,

There is a JS error when I checked the console which might be stopping the plugin to work. Kindly try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

[yildirim flugreisenParticipant]

Hi Jade,

I have deactivated all third party plugin (including coaching etc.). The problem still remains in google Chrome.

To let you now, it never worked on google Chrome before.

Do you have any other ideas?

[FriechModerator]

Hi There,

The JavaScript error is coming from a third party named easyXDM if you have that plugin please disable it.

And then to resolve your cross-origin issue, navigate to Customizer under the Layout and Design panel set any image as a Background Pattern, and then just remove it when the remove button appear. This is to remove the default background pattern that is with the demos.

Hope it helps, Cheers!

[yildirim flugreisenParticipant]

Hi Friech,

i have deactivated all plugins, just cornerstone ist online.

(And also removed the default background)

But the Facebook-Box is still not shown

[yildirim flugreisenParticipant]

I leave all plugins disabled for the moment.. Can you check again please. Thank you!

[ChristopherModerator]

Hi there,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks.

[yildirim flugreisenParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

We cannot do much when logged in. The user has a very limited privileges. If possible, please make the given user credentials as an Administrator so that we can check everything.

Thank you in advance.

[yildirim flugreisenParticipant]

Hello Rue Nel,

oh sorry, now have full excess!

Thank You

[RupokMember]

Hi there,

Please use the iFrame version instead of SDK. If you want to use the SDK then you can use a plugin like this – https://wordpress.org/plugins/facebook-page-feed-graph-api/

Thanks!

[yildirim flugreisenParticipant]

Hi there, after the plugin was also not working, I have done some test with different Facebook sites. The result was that they were shown on my website. So I went to my Facebook settings and tried everything possible.. There were a few countries selected to hide Facebook from them. After deselecting this option my Facebookpage begann to work on my website 🙂

Thank you for your help – without you and all the advices this were not possible.

Kind Regards,
Hüseyin

[yildirim flugreisenParticipant]

Last one:

How can I center the raw content box?

There is a iframe in it:

<iframe src=”https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Freiserocket%2F&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId=1669264163354769″ width=”340″ height=”500″ style=”border:none;overflow:hidden” scrolling=”no” frameborder=”0″ allowTransparency=”true”></iframe>

Add class “center-text” but this don’t worked

[RupokMember]

Hi there.

Glad that you figured out the issue. I can help you to center that within the RAW Content.
You can add this under Custom > CSS in the Customizer.

.x-raw-content iframe {
  display: block;
  margin: 0 auto;
  width: 340px;
}

Cheers!

[Author]

Posts