Web Projects Consulting

How To Reconcile WordPress Jetpack and Easy Fancybox Plugins

When setting up the galleries from carousels with Jetpack, I have found out that switching off the galleries feature in Jetpack is not enough, and the fancybox window jumps in into the display after you close the carousel.

To fix that issue, add the below small piece of code somewhere to your theme.

jQuery(document).ready(function() {
    setTimeout(function() {
        jQuery('.gallery a.fancybox').each(function() {
            jQuery(this).removeClass('fancybox').addClass('nofancybox');
            if (jQuery(this).fancybox != undefined) {
                jQuery(this).unbind('click.fb');
                jQuery(this).fancybox = function() {};
            }
        });
    }, 50);
});

I know there are more beautiful ways of adding code to WordPress, please list them all in comments!

2 thoughts on “How To Reconcile WordPress Jetpack and Easy Fancybox Plugins

  1. Smutje Hannes

    Hey there,
    what you describe is exactly what I’m running in currently. But your fix doesn’t seem to work for me. Is there something I got to take care of or do I just copy the script in the head and it just works?

    Many thanks,
    Hannes

Leave a Reply

Your email address will not be published. Required fields are marked *


This site uses Akismet to reduce spam. Learn how your comment data is processed.

Web Projects Consulting
Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.