Почему могут не работать кнопки для swiper thumbs?

Question

[Roderen]

На кодпене всё криво выглядит (не знаю почему), так что попробую без него.

Кнопки для swiper thumbs поместил в swiper-wrapper. Кнопки не работают, хотя я их подключил в const productThumbs. Почему может быть такая проблема?

const productThumbs = new Swiper('.product-thumbs', {
    spaceBetween: 5,
    centeredSlides: false,
    slidesPerView: 6,
    touchRatio: 0.2,
    slideToClickedSlide: true,
    direction: 'horizontal',

    navigation: {
      prevEl: 'swiper-button-prev',
      nextEl: 'swiper-button-next',
    }
});

const swiper = new Swiper('.swiper', {
    direction: 'horizontal',
    speed: 600,
    effect: 'fade',
    fadeEffect: {
      crossFade: true
    },

    navigation: {
      prevEl: '.slides-button-prev',
      nextEl: '.slides-button-next',
    },

    thumbs: {
        swiper: productThumbs
    }
});

Comments

[Ankhena]

На кодпене всё криво выглядит (не знаю почему), так что попробую без него.

Вряд ли получится.