Задать вопрос
Ответы пользователя по тегу WordPress
  • Как переключать слайды по клику по ссылке в Elementor?

    JackBird
    @JackBird Автор вопроса
    Кому интересно, нашел решение, нужно вставить в блок виджет HTML-код
    <script>
    jQuery(document).ready(function($) {
        // инициализируем первый слайдер
        var serviceSlider1 = new Swiper('#service-slider-1 .elementor-slides-wrapper', {
            // опции первого слайдера
        });
    
        // инициализируем второй слайдер
        var serviceSlider2 = new Swiper('#service-slider-2 .elementor-slides-wrapper', {
            // опции второго слайдера
        });
    
        // обработчик события клика на ссылку
        jQuery('a[href^="#service-slider-"]').on('click', function(event) {
            event.preventDefault();
            var index = jQuery(this).attr('href');
            index = index.substr(16);
            index = parseInt(index);
    
            if (isNaN(index)) {
                return;
            }
    
            // обращаемся к каждому слайдеру по отдельности и изменяем индекс
            document.querySelector('#service-slider-1 .elementor-slides-wrapper').swiper.slideTo(index);
            document.querySelector('#service-slider-2 .elementor-slides-wrapper').swiper.slideTo(index);
        });
    });
    </script>

    А в необходимые слайдеры в расширенных настройках задать ID service-slider-1 и service-slider-2
    Ответ написан
    Комментировать