Answer the question
In order to leave comments, you need to log in
Is it possible to cancel hiding arrows in case of one slide slick?
When there are fewer slides than specified in this parameter slidesToShow. Then the arrows back and forth are removed. Can this be undone somehow? It is necessary that they switch exactly the same as with 4 slides or more
$('.js-gallery-product').slick({
slidesToShow: 4,
slidesToScroll: 1,
dots: false,
focusOnSelect: true,
focusOnChange: false,
infinite: false,
accessibility: false,
prevArrow: '<button id="prev" type="button" class="btn-left btn-product-slider"><svg><use xlink:href="/assets/images/icon.svg#icon_left"></use></svg></button>',
nextArrow: '<button id="next" type="button" class="btn-right btn-product-slider"><svg><use xlink:href="/assets/images/icon.svg#icon_left"></use></svg></button>',
responsive: [
{
breakpoint: 1200,
settings: {
slidesToShow: 2,
slidesToScroll: 1,
}
},
{
breakpoint: 992,
settings: {
dots: true,
arrows: false,
slidesToShow: 1,
slidesToScroll: 1,
}
},
]
});
Answer the question
In order to leave comments, you need to log in
Didn't find what you were looking for?
Ask your questionAsk a Question
731 491 924 answers to any question