Badge OS earned user achievements widget

Do you have a link to the live site(s) that I could see quick? It’ll help me debug a little bit.

Yes sure – and thanks for the quick response.

Here is the main site with the widget on the side bar – https://gloconj.com/blog/featured/tara-kristen-lipinski/

Here is the subdirectory with the widget on the side bar –
https://gloconj.com/directory/

Since nothing shows if you’re not logged in and awarded badges I have added two links showing screenshots below of my logged in view of the BadgeOS widget with two badges to my name.

Screenshots
Main Site Screenshot- https://gloconj.com/images/main_error.jpg

Sub Site Screenshot- https://gloconj.com/images/dir_error.jpg

Not an immediate answer, but I’m checking the widget for earned achievements and I shouldn’t be seeing the outter < ul > from the output. I’m definitely not logged in, but it’s showing anyway. However, related to the issue, it’s not showing any < li > items which should be pulling the current logged in user’s achievements.
Checking on some things, stand by

I know I said standby, but I wanted to check if you managed to find a solution first. If not, then I’ll get back to trying to find a solution for this.

If you did solve it, it’d be awesome if you shared how, if you know for sure.

After looking a bit more closely at the widget code provided, it must be something with a broken image path, but I can’t confirm quite yet on your site. I’ll have to set up a MU instance on my own to give it a go there if I must.

After messing with it a bit more I can see that it’s not “seeing” the badges from the other sites but it does make space for it. I agree there could be a broken image path but it’s odd that the text is gone as well and in the back end.

I have two badges one on the main site and another on the subsite

Main site – “New Member badge”
Subsite – “Reviewer badge”

Below is a pictogram, lol. that may shed more light.
https://gloconj.com/images/error_admin.jpg

BTW – it seems that it shows the title for the badges even when not signed in, as you mentioned. When I take the title out of the widget it closes the space and does not show anything.

The reason why the titles show up is because the widget wasn’t written to hide that part for non-logged in users.

Are you familiar with view-source and your browser, and how to find this sidebar area in it? I’d like to see the logged-in output for the areas if you could.

Another question, on these sites in the screenshots that are showing nothing. Are the missing badges from the MU site in question? or are they from a different site in the network?

I’m starting to wonder if the issue is the Multisite and the widget not accommodating for the fact, thus it doesn’t have anything to display. With the backend missing images, it may not have the right url path for the image.

If I’m right above, then we’ll want to get bugs filed on GitHub so we can get them taken care of.

I would agree with the backend missing images if it were not also missing the text of the badge name.

I don’t believe it’s a widget issue because the admin panel reflects the same error happening on the front end. If the main site admin area is not showing the subdirectory badge it shows as a blank spot on the front end… or if the subsite admin area is not showing the main site badge it shows as a blank spot on the subsite.

I believe it is absolutely a multisite issue but I don’t understand why it registers on my subdirectory that my main site has a badge but will not show it and vice versa.

I don’t know what you mean by a “different” site in the network.

I have a Multisite Network as follows…
> Main site of the network – gloconj.com
>>/subdirectory of the network – gloconj.com/directory

Both are in the same network… Badge OS is recognizing them in the netwok – but they are just showing up blank for badges earned on separate sites within the network.

I really appreciate that you are taking the time to help me with this… thank you!

This is the code for the main site

<div class="widget"><ul class="widget-achievements-listing"><li id="widget-achievements-listing-item-2441"  class="widget-achievements-listing-item has-thumb"><a style="margin-top: -0px;" class="badgeos-item-thumb" href="https://gloconj.com/blog/badge/new-member-badge/"><img class="wp-post-image" width="0" height="0" style="display:none;visibility:hidden;" data-cfsrc="https://i1.wp.com/gloconj.com/wp-content/uploads/2013/05/new_member_badge.gif?fit=50%2C50"><noscript><img class="wp-post-image" width="0" height="0" src="https://i1.wp.com/gloconj.com/wp-content/uploads/2013/05/new_member_badge.gif?fit=50%2C50"></noscript></a><a class="widget-badgeos-item-title widget-badgeos-item-title" href="https://gloconj.com/blog/badge/new-member-badge/">New Member Badge</a></li><li id="widget-achievements-listing-item-4360"  class="widget-achievements-listing-item"><a class="widget-badgeos-item-title widget-badgeos-item-title" href=""></a></li></ul><!-- widget-achievements-listing --></div>

This is the code for the sub directory

<div id="sidebar">
<div class="widget"><h3><span>My Badges</span></h3><ul class="widget-achievements-listing"><li id="widget-achievements-listing-item-2441"  class="widget-achievements-listing-item"><a class="widget-badgeos-item-title widget-badgeos-item-title" href=""></a></li><li id="widget-achievements-listing-item-4360"  class="widget-achievements-listing-item has-thumb"><a style="margin-top: -25px;" class="badgeos-item-thumb" href="https://gloconj.com/directory/badge/reviewer/"><img class="wp-post-image" width="50" height="50" style="display:none;visibility:hidden;" data-cfsrc="https://gloconj.com/directory/wp-content/uploads/sites/8/2013/06/sample.jpg"><noscript><img class="wp-post-image" width="50" height="50" src="https://gloconj.com/directory/wp-content/uploads/sites/8/2013/06/sample.jpg"></noscript></a><a class="widget-badgeos-item-title widget-badgeos-item-title" href="https://gloconj.com/directory/badge/reviewer/">Reviewer</a></li></ul><!-- widget-achievements-listing --></div>

Yes, you have the main site gloconj.com and when you were in the network admin, at gloconj.com/wp-admin/network/sites.php, you added a 2ndary site in “/directory/”

There is going to be a WP-Admin area for the main site at gloconj.com/wp-admin, and then there’s one for the “/directory/” site. That’s what I mean by different sites. For a user in question, were they awarded a badge in gloconj.com/directory/ that they don’t see when at gloconj.com ? or vice versa?

From you:
“Both are in the same network… Badge OS is recognizing them in the netwok – but they are just showing up blank for badges earned on separate sites within the network.”

Sounds exactly like what I said above.

Anywho.

This part looks suspect though:

<img class="wp-post-image" width="50" height="50" style="display:none;visibility:hidden;" data-cfsrc="https://gloconj.com/directory/wp-content/uploads/sites/8/2013/06/sample.jpg">
<noscript>
	<img class="wp-post-image" width="50" height="50" src="https://gloconj.com/directory/wp-content/uploads/sites/8/2013/06/sample.jpg">
</noscript>

I am not sure where the data-cfsrc attribute is coming from, nor the inline styles for display:none and visibility:hidden. I have scraped the source code for possible locations of that in output but haven’t found them. Do you know if those are somehow provided by a different plugin? I know the 2 inline styles would definitely play a key role in not showing them to people.

As an aside, I filed an enhancement ticket on GitHub for network wide widgets for badge display. We’ll see if they make it into a future release, if indeed the widgets aren’t well suited for multiple sites in a network.

I use cloudflare to speed up my network and it seems someone had this same suspicious code on their site that may be coming from Cloudflares image optimization… yet I do not see an answer for it on the forum.

https://xenforo.com/community/threads/what-is-cloudflare-how-does-it-help-webmasters.11105/page-29

Hopefully GitHub Ticket can shed more light on the situation.

I will pause cloudflare at some point today and see what happens.

I turned off all image optimization with cloudflare then took a look at the source again – the suspect code is gone but the issue is still there.

even the css parts are gone? because from everything i can tell, the img tags are showing up and not leading to dead end urls.

Yes the CSS was gone as well.

Do you happen to have a link to the Ticket you started on GitHub? Or know if there has been a response?

Here’s the github ticket https://github.com/opencredit/badgeos/issues/49

Like I said, it’s more feature request than fix for the issue. I’m still trying to figure that part out.

I’ll reply with some more questions in a little bit.