Slick: slidesToShow not working?

[BPSBiro]

short description of the bug / issue, provide more detail below.

Tried using slidesToShow setting - doesn't work? auto adjusts width but doesn't show X amount of slides.

Steps to reproduce the problem

Here is my code (no jsfiddle as generated with PHP):

jquery:

$('.product-gallery').slick({
    arrows: false,
    fade: true,
    infinite: true,
    slidesToShow: 4,
    slidesToScroll: 1
});

php/html:

<?php if (count($product_gallery_slides) > 0) : ?>
    <div class="product-gallery">
        <?php foreach ($product_gallery_slides as $slide) : ?>
            <div>
                <img src="<?php echo plugins_url('path/to/images/'). $slide->slide_img; ?>"
                     alt="<?php echo $info->model_name; ?> Slider" />
            </div>
        <?php endforeach; ?>
    </div>
<?php endif; ?>

====================================================================

What is the expected behaviour?

... to show 4 slides at once

====================================================================

What is observed behaviour?

... it shows one result

====================================================================

More Details

• Which browsers/versions does it happen on?
  Linux Mint Firefox

• Which jQuery/Slick version are you using?
  jQuery - 3.21.1
  can't find my download link I used (new OS so data lost)

• Did this work before?
  Not sure - hadn't tried

[BPSBiro]

I fixed using:

    $('.product-gallery').slick({
        arrows:         false,
        autoplay:       true,
        autoplaySpeed:  4500,
        infinite:       true,
        pauseOnFocus:   false,
        pauseOnHover:   false,
        slidesToShow:   4,
        slidesToScroll: 1
    });

please close :)

[fourroses666]

Can't use fade : true it seems..

[ArseniiDerkach]

You could but only with slidesToShow: 1 for now