Topic-icon empty facebook fan page modules when JFBConnect is published

Active Subscriptions:

None
When I unpublish JFBConnect they work perfectly. Can you help please? I've attached screen shots of the published (no facebook fan page) and unpublished (fan page displays correctly) results.

the site is socialarchitect.com
File Attachment:


File Attachment:


I appreciate any help at all. thanks in advance for your time.
The topic has been locked.
Support Specialist
9 years 2 months ago #51314 by mel
Please give me the exact URL that the Fan module is on for your page. It is not on your homepage socialarchitect.com and I cannot find it looking through a few of your menu links.

Without seeing the page source with the fan module on it, I can only make a guess that you may have another extension including a deprecated Facebook library all.js. JFBConnect uses the recommended library sdk.js and the two libraries do not work together. You can look at the source on your page to see if you find the first included and, if so, you will need to find whichever extension or template is including it and remove that inclusion.

-Melissa
The topic has been locked.
Active Subscriptions:

None
9 years 2 months ago - 9 years 2 months ago #51315 by kimberleyb
I'm so sorry, I forgot to republish them all.

socialarchitect.com/kimberleybarreda/profile

it's at the very bottom - it's the only profile with it so far

I can send you superadmin if you need it

I'm also in the chat which is open to guests

thanks for your help
Last edit: 9 years 2 months ago by kimberleyb.
The topic has been locked.
Support Specialist
9 years 2 months ago #51316 by mel
I am able to see it now. Looking at the source on the page, my guess was correct. Another extension, plugin or template is adding the all.js library to your page. It also appears that you are using something other than JFBConnect to add the Fan page to your site. Especially since you're running into this compatibility issue, I'd recommend disabling that and using the SCSocialWidget module's Like Box widget to add the Fan box.
<!-- begin: .app-box-content -->
	<div class="app-widget-content app-box-content">
		<div class="fbjswonder">
<div id="fb-root">
					</div><div class="fb-like-box" data-href="https://www.facebook.com/Unlimbited" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="true" data-show-border="true"></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/en_US/all.js#xfbml=1&appId=";
					fjs.parentNode.insertBefore(js, fjs);
					}(document, 'script', 'facebook-jssdk'));
					</script></div>	</div>
	<!-- end: .app-box-content -->
The topic has been locked.
Active Subscriptions:

None
Hi Melissa

I think the Like Box does something different. The Fan page module I'm using lets members put their own facebook fan page on their profile, not mine or a universal one.

Or am I missing something?

thanks for checking.
The topic has been locked.
Support Specialist
9 years 2 months ago #51318 by mel
I see. I didn't realize that you were putting a customized fan box per the user's profile that you're viewing. In that case, yes our Like Box widget that adds just a module for a specific Fan page wouldn't be appropriate. Going forward the advice still stands - go into the module that is actually putting the fan boxes on the page and try commenting out the insertion of this script:
<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/en_US/all.js#xfbml=1&appId="; 
                    fjs.parentNode.insertBefore(js, fjs); 
                    }(document, 'script', 'facebook-jssdk')); 
                    </script>
The topic has been locked.