Swiper.js как заполнить слайдер дубликатами если в контейнере всего 1 айтем?

Question

[Alinka121]

Подскажите, как настроить swiper так, что бы если в слайдере была 1 карточка товара( один айтем) то вся строка заполнялась его дубликатами.
Вот какие настройки свайпера у меня сейчас

new Swiper(".viewed__swiper", {
            loop: true,
            spaceBetween: 15,
            slidesPerView:'auto',
            loopFillGroupWithBlank: true,

            navigation: {
                nextEl: ".swiper-button-next",
                prevEl: ".swiper-button-prev",
            },
            pagination: {
                el: ".swiper-pagination",
                clickable: true,
            },
            breakpoints: {
                1200: {
                    slidesPerView: 4.5
                },
                992: {
                    slidesPerView: 3.5
                }
            }
        });

И сейчас оно выводит лишь 3 слайда

Answer 1

[Scoo909010]

Я не нашел лучшего решения, кроме клонирования массива. Свайпер так устроен, что корректно создает дубликаты, если в массиве есть хотя бы 8 слайдов. Хотя, возможно, я не нашел решения и есть способы менее костыльные. Подписываюсь на тред, будет интересно узнать.

Comments

[Alinka121]

Да это первое что пришло в голову после долгих поисков, я сделала условие что если 1 карточка в массиве то я по сути вручную её дублировала 3 раза и тогда уже свайпер включался в работу. Рабочий вариант, но не совсем красивый, ну и как по мне как то странно что это не предусмотрено свапером, мб всё таки можно как то настроить

[edward_freedom]

Alinka121, у этой библиотеки вроде открытый исходный код, можно изменить в коде что надо и использовать

[Scoo909010]

Alinka121, Я думаю, что создатели свайпера исходят из того, что в слайдере никогда не будет одного слайда - потому что это слайдер.