define([
    'jquery',
    'Magento_Ui/js/lib/view/utils/dom-observer',
    'slick'
], function($, domObserver) {
    'use strict';

    domObserver.get('.weltpixel-slick', function() {
        $('.weltpixel-slick .product-item-info').show();
        $('.weltpixel-slick').not('.slick-initialized').slick({
            arrows: true,
            dots: true,
            infinite: false,
            speed: 300,
            slidesToShow: 5,
            slidesToScroll: 3,
            responsive: [
                {
                    breakpoint: 1200,
                    settings: {
                        slidesToShow: 4,
                        slidesToScroll: 2
                    }
                },
                {
                    breakpoint: 992,
                    settings: {
                        slidesToShow: 3,
                        slidesToScroll: 2
                    }
                },
                {
                    breakpoint: 768,
                    settings: {
                        slidesToShow: 1,
                        slidesToScroll: 1,
                        arrows: true
                    }
                },
                {
                    breakpoint: 480,
                    settings: {
                        slidesToShow: 1,
                        slidesToScroll: 1,
                        arrows: true
                    }
                }
            ]
        });
    });
})