https://www.thesunnysideupblog.com/wp-content/themes/smash_theme/s…/slider_featured_products.js

1jQuery(function($){
2    $('.featured-products-slider').on('afterChange', function(slick, currentSlide){
3        scaleBgImages();
4    });
5    $('.featured-products-slider').slick({
6        dots: false,
7        arrows: true,
8        prevArrow: '<div class="slick-prev slider-prev slider-arrow"><svg class="icon"><use xlink:href="#left-angle" /></svg></div>',
9        nextArrow: '<div class="slick-next slider-next slider-arrow"><svg class="icon"><use xlink:href="#right-angle" /></svg></div>',
10        infinite: true,
11        slidesToShow: 4,
12        slidesToScroll: 1,
13        responsive: [
14            {
15                breakpoint: 820,
16                settings: {
17                    slidesToShow: 3,
18                    slidesToScroll: 1,
19                }
20            },
21            {
22                breakpoint: 600,
23                settings: {
24                    slidesToShow: 2,
25                    slidesToScroll: 1,
26                }
27            }
28        ]
29    })
30
31    setTimeout(function(){
32        scaleBgImages();
33        // setupSlideLinks();
34    }, 500)
35
36    function setupSlideLinks() {
37        let slides = $('.hero-slide');
38
39        slides.each(function(){
40            $(this).find('.slide-dot').click(function(){
41                let num = $(this).data('slidenum');
42                $('.featured-products-slider').slick('slickGoTo', num);
43            });
44        })
45    }
46});