@prevo

Почему перестал работать swiper slider?

Сайт на WordPress. На десятке страниц инициализировано по 3 swiper слайдера. Все слайдеры прекрасно работают. Вывод с помощью ACF PRO, но на данный момент при добавлении новой страницы со слайдерами перстали инициализироваться слайдеры. Т.е на 15 страницах ранее добавленные работают, а новые нет. Почему так происходит и как исправитьть?
Код инициализации

// Swiper CASE
 var swiper = new Swiper(".case-slider", {
    slidesPerView: 3,
        spaceBetween: 30,
        centeredSlides: true,
        loop: true,
    pagination: {
      el: ".case-slider__pagination",
      clickable: true,
    },
    navigation: {
        prevEl: '.case-slider__prev',
        nextEl: '.case-slider__next'
    },
  });

   // Swiper Testimonials
 var swiper2 = new Swiper(".testimonials__items", {

    loop: true,
    pagination: {
      el: ".testimonials__items-pagination",
      clickable: true,
    },
    navigation: {
        prevEl: '.testimonials__items-prev',
        nextEl: '.testimonials__items-next'
    },
  });

  // Slider page link

  var swiper3 = new Swiper(".page-link__list", {
    watchSlidesProgress: true,
    slidesPerView: 4,
    loop: true,
    pagination: {
      el: ".page-link__pagination",
      clickable: true,
    },
    navigation: {
      nextEl: ".page-link__next",
      prevEl: ".page-link__prev",
    },
  });


Вывод с ACF
<div class="swiper3 page-link__list">
      <div class="swiper-wrapper">
        <?php while ( have_rows('page-link_slider') ): the_row(); ?>
        <div class="swiper-slide page-link__slide">
          <a class="page-link__link" href="<?php the_sub_field('page-link_link'); ?>">
            <?php the_sub_field('page-link_slide'); ?>
          </a>
        </div>
        <?php endwhile; ?>
      </div>
      <div class="page-link__bottom">
        <div class="page-link__pagination"></div>
        <div class="page-link__arrow">
          <div class="page-link__prev">
            <img src="<?php floor_image('prev-arrow.svg','bg_image'); ?>" alt="">
          </div>
          <div class="page-link__next">
            <img src="<?php floor_image('next-arrow.svg','bg_image'); ?>" alt="">
          </div>
        </div>

      </div>
    </div>
  • Вопрос задан
  • 68 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы