Show half of next slide without Center Mode in Slick Slider

No need to add "slidesToShow: 3.5 option"

Just call slick:-

$('.Your-container').slick({
    arrows: false,
});

and add following CSS:

.slick-list{padding:0 20% 0 0 !important;}

Either you can give a fixed padding to the right or percentage.


You can do something like this slidesToShow: 3.5 and make infinite: false. The right most slide will be showing half.


You can also do this in slick by adding these two parameters in the slick init:

centerMode: true,
centerPadding: '20%',

This is the equivalent to

.slick-list{padding:0 20% 0 0;}