V
V
Vika Marmeladka2021-04-05 12:32:05
JavaScript
Vika Marmeladka, 2021-04-05 12:32:05

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 question

Ask a Question

731 491 924 answers to any question