1

I wanted to show the arrows but when slidesToShow is equal to the total slides the arrows is not showing even the infinite is set to true, is there a way to show the arrows when slidesToShow is equal to the total slides or is it expected behavior of the slider?

I have check this thread ( Slick slider not loading slides if slidesToShow is equal to the total slides? ) it seems that the solution requires to change the core file of the library. Is there any way we don't change the core file.

Below is the codepen https://codepen.io/davecar21/pen/RwovWvB

$(document).ready(function(){
  $('.carousel').slick({
     infinite: true,
  slidesToShow: 3,
  slidesToScroll: 1,
  lazyLoad: 'ondemand',
  variableWidth: true,
  responsive: [{
      breakpoint: 720,
      settings: {
        slidesToShow: 2,
        infinite: true
      }
    }],
  arrow: true
  });
});
davecar21
  • 2,606
  • 21
  • 33
  • It's the expected behavior. Otherwise you could have a single slide slick with arrows. You could fake it out by doubling up your slides and choosing infinite. – Kinglish Jul 07 '21 at 22:50
  • I see so the only way would be modifying the library code file to be able to show the arrows then right? – davecar21 Jul 07 '21 at 22:53
  • Not sure why you'd want to if there is nothing that happens when they're clicked. – Kinglish Jul 07 '21 at 22:56
  • If you're interested in a bandaid, I can put one as the answer – Kinglish Jul 07 '21 at 22:57
  • So here's the deal, the scenario is that when we wanted to show the 3rd image as partial it will looks off as the arrow is not showing and the 3rd image will be left off half shown or partially shown. Please check the link ( https://codepen.io/davecar21/pen/RwovWvB ) to see the scenario. – davecar21 Jul 07 '21 at 23:01

0 Answers0