У меня есть сайт на Wordpress, я поставил Woocommerce и + WooFilter. В карточке товара присутствует swiper-slider. И вот если я фильтрую товар, то он подгружается с помощью ajax и из-за этого слайдер перестаёт работать, скрипт слайдера пока что подгружается вместе со страницей. С помощью какой функции его можно подгружать при каждой фильтрации товара?
Код слайдера
const myCustomSlider = document.querySelectorAll('.object-modal-slider');
const slider = document.querySelectorAll('.gallery-top');
const thumbs = document.querySelectorAll('.gallery-thumbs');
for( i=0; i< myCustomSlider.length; i++ ) {
slider[i].classList.add('gallery-top-' + i);
thumbs[i].classList.add('gallery-thumbs-' + i);
var galleryTop = new Swiper('.gallery-top-' + i, {
effect: "fade",
loop: true,
loopedSlides: 3,
pagination: {
el: ".object-modal-slider-dots",
clickable: true,
},
breakpoints: {
1200: {
loopedSlides: 5
}
}
});
var galleryThumbs = new Swiper('.gallery-thumbs-' + i, {
spaceBetween: 0,
slidesPerView: 'auto',
touchRatio: 0.2,
slideToClickedSlide: true,
loop: true,
navigation: {
nextEl: '.object-modal-slider-next',
prevEl: '.object-modal-slider-prev',
},
loopedSlides: 3,
slidesPerView: 3,
breakpoints: {
1200: {
slidesPerView: 5,
loopedSlides: 5
}
}
});
galleryTop.controller.control = galleryThumbs;
galleryThumbs.controller.control = galleryTop;
}
var swiper = new Swiper(".object-item-slider", {
slidesPerView: 1,
effect: "fade",
navigation: {
nextEl: ".swiper-next"
},
loop: true
});