Dynamic Visibility for Elementor fails with thumbnail slider.

  • Carlos Vázquez

    (@carlos-vzquez)


    2 years, 6 months ago

    I have tested locally and on the public server, with different browsers and themes, and with other similar thumbnail slide plugins. The exact same thing happens in all of them. Only the two Elementor plugins (Basic and Pro) and Dynamic Visibility for Elementor were installed.
    The thumbnail carousel doesn’t show and the image browser (arrows, etc) doesn’t work.
    However, simply by resizing the window, the bug goes away.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Carlos Vázquez

    (@carlos-vzquez)

    2 years, 6 months ago

    Being several slideshows on the same page I decided to remove the plugin and create the code in jQuery.
    The problem is reproduced as well. after digging i found the cause and a solution for me.
    The problem is that Elementor uses the Swiper.js library and apparently Elementor doesn’t use the observer and observeParents options, which prevents the swiper from reloading after displaying the container.
    My solution is less orthodox, but it works
    document.querySelectorAll(‘#ID’+num).forEach(item => { const interval = setInterval(function() { window.dispatchEvent(new Event(‘resize’)); }, 1000); setTimeout(function( ) { clearInterval( setInterval ); }, 5000); });
    I guess maybe it’s more a problem of the Elementor Widgets and other publishers, but I’ll leave it there in case you’re interested.

    Thread Starter Carlos Vázquez

    (@carlos-vzquez)

    2 years, 6 months ago

    More orthodox and can be applied to the widget:

    const imageCarousel = jQuery ( ‘#ID+num .elementor-thumbnails-swiper’ ),
    swiperInstance = imageCarousel.data( ‘swiper’ );
    swiperInstance.params.observer = true ;
    swiperInstance.params.observeParents = true ;

    swiperInstance.update();

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Dynamic Visibility for Elementor fails with thumbnail slider.’ is closed to new replies.