Использую на сайте карусель
Slick JS.
Все работает, кроме свайпа слайдов на мобильных устройствах. Слайды свайпятся в обратном направлении. Т.е., если я провожу по экрану пальцем вправо, слайды едут влево и наоборот. Как изменить направление свайпа?
Настройка слайдера выглядят вот так:
$(document).ready(function(){
$('.slick-products').slick({
slidesToShow: 4,
// slidesToScroll: 1,
autoplay: true,
cssEase: 'linear',
arrows: true,
dots: true,
infinite: true,
swipe: false,
autoplaySpeed: 2500,
pauseOnFocus: false,
pauseOnHover: true,
pauseOnDotsHover: false,
responsive: [
{
breakpoint: 1200,
settings: {
slidesToShow: 3,
slidesToScroll: 1,
arrows: true,
dots: true,
pauseOnFocus: false,
pauseOnHover: true,
pauseOnDotsHover: false
}
},
{
breakpoint: 992,
settings: {
slidesToShow: 2,
slidesToScroll: 1,
dots: true,
arrows: true,
pauseOnFocus: false,
pauseOnHover: true,
pauseOnDotsHover: false
}
},
{
breakpoint: 768,
settings: {
slidesToShow: 2,
dots: true,
arrows: true,
swipe: true,
swipeToSlide: true,
pauseOnFocus: false,
pauseOnHover: true,
pauseOnDotsHover: false
}
},
{
breakpoint: 521,
settings: {
slidesToShow: 1,
dots: true,
arrows: true,
swipe: true,
swipeToSlide: true,
pauseOnFocus: false,
pauseOnHover: false,
pauseOnDotsHover: false
}
}
]
});
});
