https://growithjane.com/wp-content/themes/generatepress_child/assets/js/landing.js

1window.addEventListener('load', function () {
2    // Variables to hold the Glider instances
3    let guidesGlider = null;
4    let growlogsGlider = null;
5    let appScreensGlider = null;
6    let reviewsGlider = null;
7
8
9    //Always init App screens
10    appScreensGlider = new Glider(document.querySelector('.app-screens'), {
11        slidesToScroll: 1,
12        slidesToShow: 1,
13        scrollLock: true,
14        draggable: true,
15        dots: '.screen-dots',
16    });
17
18    // Function to initialize Gliders
19    function initGliders() {
20        guidesGlider = new Glider(document.querySelector('.guides-glider'), {
21            slidesToScroll: 1,
22            slidesToShow: 2.2,
23            scrollLock: true,
24            draggable: true,
25            responsive: [
26                {
27                    breakpoint: 700,
28                    settings: {
29                        slidesToShow: 3.2,
30                    }
31                },
32            ]
33        });
34        growlogsGlider = new Glider(document.querySelector('.growlogs-glider'), {
35            slidesToScroll: 1,
36            slidesToShow: 2.2,
37            scrollLock: true,
38            draggable: true,
39            responsive: [
40                {
41                    breakpoint: 700,
42                    settings: {
43                        slidesToShow: 3.2,
44                    }
45                },
46            ]
47        });
48        reviewsGlider = new Glider(document.querySelector('.reviews-glider'), {
49            slidesToScroll: 1,
50            slidesToShow: 1.2,
51            scrollLock: true,
52            draggable: true,
53            responsive: [
54                {
55                    breakpoint: 961,
56                    settings: {
57                        slidesToShow: 2,
58                        slidesToScroll: 2
59                    }
60                },
61            ]
62        });
63    }
64
65    // Function to destroy Gliders
66    function destroyGliders() {
67        if (guidesGlider) {
68            guidesGlider.destroy();
69            guidesGlider = null;
70        }
71        if (growlogsGlider) {
72            growlogsGlider.destroy();
73            growlogsGlider = null;
74        }
75        // if (appScreensGlider) {
76        //     appScreensGlider.destroy();
77        //     appScreensGlider = null;
78        // }
79        if (reviewsGlider) {
80            reviewsGlider.destroy();
81            reviewsGlider = null;
82        }
83    }
84
85    // Check window width and setup listeners
86    function checkBreakpoint() {
87        
88        const currentWidth = window.innerWidth;
89        if (currentWidth < 961) {
90            if (!guidesGlider && !growlogsGlider  && !reviewsGlider) {
91                initGliders(); // Initialize only if not already initialized
92            }
93        } else {
94            destroyGliders(); // Destroy all gliders if above the breakpoint
95        }
96    }
97
98    // Initial check and setup event listener
99    checkBreakpoint();
100    window.addEventListener('resize', checkBreakpoint);
101});
102