Tiny Slider

                    
if($('.js-slider-product-tiny').length >0) {
    var slider = tns({
        arrowKeys: true,
        autoplay: true,
        autoplayTimeout: 5000,
        autoplayButtonOutput: false,
        autoplayHoverPause: true,
        container: ".js-slider-product-tiny",
        controls: true,
        controlsText: ["", ""],
        // controlsContainer: ".js-controls",
        gutter: 10,
        items: 1.2,
        loop: false,
        mouseDrag: true,
        nav: false,
        responsive: {
            320: {
                items: 2.4,
            },
            768: {
                items: 3.5
            },
            992: {
                items: 5.5
            },
        },
        slideBy: "page",
        touch: true
    });
}
                    
                

Multiple instances

                    
if($('.js-product-tiny').length >0) {
    const tnsCarousel = document.querySelectorAll('.js-product-tiny');
        tnsCarousel.forEach(slider => {
        const tnsSlider = tns({
            container: slider
            //*options here
        });
    });
}