Easy Fancybox not working

same problem, but we have many sites and some are working still but most are not, we’ve tried everything to get it to work, but there has been so many plugin updates lately with bugs that then have to be fixed again within a day or 2, even WordPress and Jetpack have been guilty of this. Just guessing there is a fix somewhere soon!

this site has stopped working https://whiteparkcattlesociety.ltd.uk/gallery/

this site still works fine https://www.beccles-taekwondo.co.uk/beccles-and-bungay-taekwondo-clubs-winter-seminar-grading/

Why should I buy a pro version is there is no stability?
Lets wait!

Hi Patrick, I’m not sure what is going wrong on your site. There is no error reported in console. The only thing I notice is that Pagespeed is active on your server which could break the script. I’ve got some servers with the Pagespeed module active where Easy FancyBox works fine but your case could be different (other settings, other scripts) … You say you have disabled all other plugins and switched to the default theme and the issue remained. Is there any way for you to switch off Pagespeed to see if that changes anything?

@Nidge Bedingfield – your case is different. There is a blocking error occurring, caused by (mos likely) a theme script (related to smooth scrolling from a # menu item) in combination with the new jQuery version in WordPress 4.5. Many have encountered the same issue (same error in console) and a theme update fixed the issue. See other threads in the forum. You’ll probably need to contact the theme developer.

@Nidge – to be more precise, the issue is with https://whiteparkcattlesociety.ltd.uk/wp-content/themes/WPCS2/script.js where the notation ‘a[href=#]’ is not allowed in jQuery 1.12 … something like ‘a[href*=”#”]’ should fix it.

@patrick – could you try the following? In the post https://www.lozedion.com/circuits-logiques-xavier-maldague-nouvelle-edition/ there is one image. Could you edit the post, switch to the Text tab and find the book cover image and give the link a class="fancybox image" attribute?

It should then look like:

<a class="fancybox image" href="https://www.lozedion.com/wp-content/uploads/2015/10/circuits-logiques-couverture.png"><img ...

Let me know so I can test the resulting page.

@ravanh brilliant that worked a treat, thought I was going to have to change all the old templates. Thank you,

@sacha2016/Patrick/Alexandre – Update: it looks indeed like Pagespeed is breaking the light box. Try https://www.lozedion.com/circuits-logiques-xavier-maldague-nouvelle-edition/?PageSpeed=off for example… You’ll need to find out which PageSpeed module/setting is causing this.

Hi everybody,

Right, it seems to be Pagespeed. I cant find any plugin or module.

I’ll look on the server.

Bye for now.

Patrick

Thank You RavanH, I went to my server and I disable th Google PageSpeed Apache module. And everything works – Now I have to find how to make PageSpeed and Fancybox work together.
Regards,
Alexander

Hi Alexander, like I said I have several sites running on servers with PageSpeed and Easy FancyBox works fine there. It might be a difference in PageSpeed version or in the PageSpeeds settings. There are different ‘filters’ you can switch on/off or fine tune. See https://developers.google.com/speed/pagespeed/module/config_filters#enabling

I’d start leaving those related to javascript off and then see if it still works… Then start enabling one by one and test further.

Please let me know if you find the specific filter that breaks FancyBox! ??

Hi RavanH,

Bravo that you find from where the problem came.
Few Weeks ago, Google Console insisted that I updated PageSpeed, what my hosting server did by default. But I cant modify the code of Google PageSpeed on my hosting server.
So I disabled Google PageSpeed insight of the web hosting dashboard. Instead I installed a caching plugin (Google PageSpeed insight) on wordpress so I can modify the code if necessary. Finally I didn T have to change anything and Easy Fancy Box works better than ever.

Again, Thank You for you help.

Patrick

If you can modify your .htaccess file, then you can control PageSpeed. The directives (can) go in that file. Maybe that’s exactly what that plugin does? Anyway, good to hear it’s working for you now.

Hi @ravanh sorry to post here again after it is resoved but I have a similar issue

After updating the plugin doesnt seem to work…

https://bnceventshows.com/

Problem is I am not a coder and I didnt build the site so if you can see a problem that is an easy-ish fix please let me know

Thanks

Hi, it looks like you tried pasting the Google Analytics code where it gets mangled (post content?) into this:

<p><script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');</p>
<p>  ga('create', 'UA-68907933-1', 'auto');
  ga('send', 'pageview');</p>
<p></script></p>

(note the P tags inside the script!)

This causes a whole string of blocking script errors causing all subsequent scripts to fail.

Remove that code snippet there and paste it into a text widget or into your theme’s footer.php … or use a Google Analytics plugin which will take care of it for you.

Thanks @ravanh for looking into this

We have removed the analytics code but it still doesn’t want to work? ??