Как починить swiper?

Question

[id_ox]

Стоял swiper для слайдеров на сайте, сайт под wp.
После обновления все слайды выстроились по вертикали, а не по горизонтали, прокрутка работает коряво. А при использовании loop первый слайд-белый экран. Ставил на 2 сайта под новой версией wp - на обоих одна проблема.
Код слайдера:

<script>
    var swiper = new Swiper('.swiper-container {
		loop: true,
	autoplay: {
        delay: 3500,
        disableOnInteraction: true,
      },	
		pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
	});
  </script>

сайт-пример - тут пример проблемы. В самом низу, в футере, после черного фона идет белый. Этот белый фон - слайдер, который не работает. Если прокрутить, увидите слайдеры.
Помогите исправить, не пойму где я не так сделал?

p.s. заметил, что после бэкапа БД он встал как надо, но минут на 5

Answer 1

[yarovikov]

Вы забыли swiper.css

Comments

[id_ox]

Я в стилях на сайте. Но попробовал подключить, не помогло.

[yarovikov]

id_ox, прям сейчас на вашем сайте такая картина:

[id_ox]

yarovikov, да. Подключил еще раз. Только что. Заработало. Не понимаю как. На других сайтах пол года все работало без swiper.css.

Никогда такого не было и вот опять

Спасибо!

Answer 2

[Амир Гафуров]

<script>
    var swiper = new Swiper('.swiper-container', {
    loop: true,
  autoplay: {
        delay: 3500,
        disableOnInteraction: true,
      },	
    pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
  });
  </script>

Попробуйте вставить код вот так

Comments

[id_ox]

Тот же результат