http://www. eddieruble .com / peaceofsunshine/ If you look in FF, The Facebook pull out on the right hand side works fine. If you look in Chrome or IE, the pull out on the right hand side is invisible. Looking for opinions, possible workaround
<div class="facebook_box"> <script src="//connect.facebook.net/en_US/all.js#xfbml=1"></script> <fb:fan profile_id="<?php echo $this->config->get('facebook_likebox_id'); ?>" stream="0" connections="16" logobar="0" width="237" height="389"></fb:fan> <script type="text/javascript"> $(function(){ $(".facebook_right").hover(function(){ $(".facebook_right").stop(true, false).animate({right: "0" }, 800, 'easeOutQuint' ); }, function(){ $(".facebook_right").stop(true, false).animate({right: "-245" }, 800, 'easeInQuint' ); },1000); }); </script> </div> Code (markup):
It doesn't seem like the like box is showing at all, can you try getting the like box to show on another part of the page where it is visible constantly?
I have not tried that, I will give that a go and see what happens. But for me it works 100% in the latest FireFox.
Yea, I see the issue, it's just that the box with the like box seems to have no like box in chrome/IE so I was wondering if you get the same issue if you put the like box somewhere else on that website
That's... weird. I must have accidentally retarded. Anyway, I'm guessing it might have to do with the following errors (shown via Firebug): Invalid App Id: Must be a number or numeric string representing the application id. all.js#xfbml=1 (line 56) The "fb-root" div has not been created, auto-creating all.js#xfbml=1 (line 56) FB.getLoginStatus() called before calling FB.init(). all.js#xfbml=1 (line 56) Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4RdbPw3QSf9R-kE0EsQUn2A.woff. This can be fixed by moving the resource to the same domain or enabling CORS. Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://fonts.gstatic.com/s/oswald/v10/-g5pDUSRgvxvOl5u-a_WHw.woff. This can be fixed by moving the resource to the same domain or enabling CORS. The last two shouldn't be important in this context, however I'm showing them as well. That is, however, pretty weird. I'm assuming maybe Firefox is slightly more forgiving, or something like that. Or that there is an issue with the script that renders it useless in Chrome, although I thought FB was on of the better ones at fixing such.
And! I knew I wasn't that retarded. The Facebook-thingy works in Chrome - you just have to be logged in to Facebook first. First time around, when I tested it, I was already logged in, second time, when it didn't work, I wasn't logged in. So, then, it has to do with the scripting, not the browser. You need a way to check to see if the user is logged in already, or not, and if not, do the appropriate thing.
That is crazy, Nobody mentioned IE. I logged into FB on IE and that fixed it there also. So if your logged into FB it works. But in all 3, if your logged out. Invisible. So I am still on the hunt for the fix
Well upon re reading your post, I created a new app. Added the app ID. That got rid of the error in firebug, but the issue still remains. Maybe it is the fb-root issue? UPDATE: Added the FB-Root div, the error went away, but the issue remains. So now I got all the facebook related Firebug issues resolved.
I'm thinking it has to do with the content available. If you're not logged in, fb doesn't know how to present the list of people who've already liked this page (it's based of your friends list foremost, the rest of FB later). There should be a way to present just the like button by itself if the user isn't logged in, you'll probably have to do a check with FB api and pull a plain like button (which will prompt for a login) if the user isn't already logged in?
Solve it by changing "Age Restrictions" to "Anyone (13+)" in "Edit Page" -> "Manage Permissions" tab of the Facebook page. "Country Restrictions" box should be blank, too. (https://wordpress.org/support/topic/like-box-only-appearing-when-logged-in-to-fb)
Issue with this, I did not make the page. I have no access to the page. Its a clients page. And since the client happens to be a "head shop" which already wants a age verification pop-up on the website likely would have the age restrictions set, and likely would not be willing to change them for this
If they already have an age-restriction set, this shouldn't matter. Ie, all this does is show the content for everyone, not just users logged in to FB. So if there's an age restriction already set, then they should already be cleared when they see the FB-box.
Ok, Well I will just test this out, I will re use the same code on a site I own, create a FB page and set accordingly and post the link here.
http://www. reneesheels .com/ Has the same version of opencart, and the same base theme. Same FB code. I own the FB page, and as you can see it is visible in all browsers when logged in or out
And to touch on this further, when you are logged off of Facebook, and you load my clients fb page. https:// www. facebook .com/ pages/ Peace-of-Sunshine/ 99192293046 It redirects you to the FB login homepage. When you click my page, https:// www. facebook .com/ pages / Renees-Heels/ 476280759137644 It shows you the page, even if logged out