Support » Plugin: Easy FancyBox » Conflict in elementor ‘Media Carousel’ videos

  • llavillaccama

    (@llavillaccama)


    By clicking on the video thumbnail, the image covers the video playback.

    Please let me know if there is any way to exclude ‘FancyBox’ for items from Elementor Media Carousel.

    Regards

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Rolf Allard van Hagen

    (@ravanh)

    Hi, apparently the video carousel has links to images (which somehow open a video, I do not see the logic in that…) which the autodetect feature of Easy FancyBox reacts to.

    You can limit the autodetection to normal WordPress galleries only or completely disable autodetection by clearing the file extensions from the autodetect field.

    Or there maybe other solutions depending on the way the Elementor Media Carousel creates these image links.

    Thread Starter llavillaccama

    (@llavillaccama)

    Hi @ravanh, `The image is a preview of the video, it has a lot of logic because you can place an image with text that better describes what the video is about.

    But for some reason ‘Easy FancyBox’ also adds the functionality in this type of elements.
    for now i have solved it with jquery.

    jQuery(document).ready(function($) {
        $('.carrusel-video-off-fancibox a').click(function(event) {
            $('#fancybox-overlay,#fancybox-wrap').remove();
        });
    });

    It is not the most suitable solution but it works for me.
    Regards

    The image is a preview of the video, it has a lot of logic because you can place an image with text that better describes what the video is about.

    No I totally understand the logic of a preview image, just not why that image is also a link to itself. It is the link is what fancybox reacts to, not the image.

    You could try code like this to prevent FancyBox binding to the image links in the first place:

    
    jQuery(document).ready(function($) {
        $('.swiper-slide a').addClass('nofancybox');
    });
    

    This code should run before (or early in) the wp_footer call. In an HTML widget could work…

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.