How to make 1 slide visible when scrolling on mobile devices?

if (win.width() <= 768) {
  $('.product-items').slick(
    'slickSetOption',
    'slidesToShow',
    1,
    1
  ).slick(
    'slickSetOption',
    'slidesToScroll',
    1,
    1
  );
}

In the above code, the ‘slidesToScroll’ option is set to 1, which means that two slides will be scrolled at a time. The ‘1’ argument after ‘slidesToScroll’ is the same as the one after ‘slidesToShow’, and it specifies the number of slides to be displayed at a time.

You can adjust the ‘slidesToScroll’ option to your desired value based on the number of slides you want to be scrolled at a time.