Jetpack Like Button Loading – Supernova

Well thanks for bringing this to my notice, and sorry that you had issues, It seems like its a theme issue, I have put it in my to-do list and it would be fixed in the next version of the theme.

If you are developer, you can fix it by yourself.
1)Go to supernova/lib/admin/custom-css.php
a)Replace line number 89 with
if(is_home() && (!supernova_options(‘sticky-nav’) || !supernova_options(‘disable-top-nav’))){ ?>
b)Replace line number 95 with
<?php if(!supernova_options(‘disable-resizer’) && is_home()){ ?>
c)Replace line number 105 with
if(!supernova_options(‘disable-slider’) && is_home()){ ?>

Thanks for the quick response.

I changed the code but the problem is still around. The like button is always loading.

i think the like button might have shown up on my side bar…

Okay so I removed all the scripts from my theme, in fact I tried running it on plain HTML however, it doesn’t seem to be a theme specific issue. I switched several other themes but the like button didn’t work on them either, except on twenty twelve and that too only randomly. I researched for it and got to know that its a known issue, see this https://www.ads-software.com/support/topic/like-button-loading

Thanks.
Sayed Taqui.

Thanks for your help so far. This is the response I got from Jetpack:

“I’m sorry for the late reply, I didn’t see your post last week.

In any case, I do see the Likes loading on some of your posts, but not on all. Were some of your posts imported from a WordPress.com site, by any chance? There is a known bug with imported posts and likes.

However, on this post, I see 2 Javascript errors:

https://life-happens-outside.com/who-am-i-again/

The js errors will prevent the Likes from loading properly. I am not sure what is inserting these lines of code in your site:

jQuery(“#top_most, #media_nav”).sticky({ topSpacing: 0 });

and

jQuery(window).load(function(){
jQuery(‘.flexslider’).flexslider({
animation: “slide” ,
start: function(slider){
jQuery(‘body’).removeClass(‘loading’);
}});});
They do look like they were put in by the theme though, but I can’t know that for sure. I’d bring it to the theme author’s attention again, and if he can’t or won’t fix it, we’ll look at how to fix it ourselves; I won’t be helping you correct the error though, I’ll just tell you how to remove that code, and doing so may or may not break other functionality for the theme.

Let me know what he says!”

None of my posts were imported from a wordpress.com site. Do you think removing these lines of code will help? Thanks Again.

Can you please update the theme to the newest version, because I have fixed all the jQuery errors in the new version.
Let me know once you are done.

Just updated. The like button is still loading at the bottom but fully functioning on the side panel for both posts and pages.

Did you empty your cache because I still see those errors. If you view console on my demo site, it wouldn’t show any error.
https://supernovathemes.com/supernova/get-tons-of-customization-options/

Also I just installed jetpack and the like button is working fine now
https://supernovathemes.com/supernova/get-tons-of-customization-options/

YES. Thank you.

Though an additional like button still shows up on the side panel. Is it to like the widget? Not a problem but still interesting.

The like button also doesn’t work for Archive pages. but that isn’t important to me. Just thought you’d be interested.

Thanks SO MUCH.

Your welcome, I figured jetpack and supernova has some common jQuery methods like sticky which is causing conflict and hence the sticky navigation is also not working. I’ll figure something out in the next version.

Thanks

i hate to do this but the problem is back. I updated to your newest version but it was having trouble before that too. I emptied both the site’s cache and the browsers. I’m at a loss.

the button works but shows up on the side widget for many posts and pages new and old. https://life-happens-outside.com/story-t-shirt-quilt/

I m sorry , Im not sure why it is happening but you can remove the things that are showing errors.
since you are not using sticky navigation, you can remove this

<script>
jQuery("#top_most, #media_nav").SupernovaSticky({ topSpacing: 0 });
</script>

its in custom-css.php from line number 90 to 92

Also since you are not using slider , you can remove

<script type="text/javascript">
    jQuery(window).load(function(){
      jQuery('.flexslider').flexslider({
        animation: "<?php if($supernova_options['fade-slider']=='fade'){echo "fade"; }else{ echo "slide"; } ?>" ,
        start: function(slider){
          jQuery('body').removeClass('loading');
        }});});
  </script>

its from line number 106 to 113.