https://gmgpharmacies.com/wp-content/themes/gmgraham/js/main.js

1/*** TABLE OF CONTENTS
2======================================================
3    0 / heaeder scrolling
4    1 / menu toggle
5    2 / call the Owl initializer functions
6    3 / call the slick functions
7    4 / all the  feather icons function
8    5 /  call  AOS function
9    6 / call  Lazy function
10    7 /  call  Typed function
11    8 /  call  StickySidebar function
12    =================================================== ***/
13jQuery(function () {
14
15    ("use strict");
16    // ============================ 0/ heaeder scrolling
17    jQuery(window).on("scroll", function () {
18        if (jQuery(window).scrollTop() > 100) {
19            jQuery(".navbar").addClass("is-dark");
20        } else {
21            //remove the background property so it comes transparent again (defined in your css)
22            jQuery(".navbar").removeClass("is-dark");
23        }
24    });
25
26    // ============================= 1/ menu toggle
27    jQuery(".menu-toggle-icon").on("click", function () {
28        jQuery(".mobile-menu").slideToggle();
29    });
30
31    jQuery(".show_branch_button").on("click", function (e) {
32        var branch = jQuery(this).attr('id');
33        e.preventDefault();
34        jQuery(".hide_for_branches").hide();
35        jQuery("#show_" + branch).show();
36        jQuery('html,body').animate({
37            scrollTop: jQuery("#show_" + branch).offset().top
38        });
39    });
40
41    jQuery(document).ready(function () {
42
43        // Check for click events on the navbar burger icon
44        jQuery(".navbar-burger").click(function () {
45
46            // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
47            jQuery(".navbar-burger").toggleClass("is-active");
48            jQuery(".navbar-menu").toggleClass("is-active");
49
50        });
51
52
53        jQuery("#signup").click(function (e) {
54
55            // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
56            jQuery(".header3 .submit-box").toggleClass("visible");
57            e.preventDefault();
58
59        });
60
61    });
62    // =========================== 2/ call the Owl initializer functions
63    jQuery('#owl1')
64        .owlCarousel({
65            margin: 20,
66            loop: false,
67            autoWidth: false,
68            responsiveClass: true,
69            responsive: {
70                0: {
71                    items: 1,
72                },
73                600: {
74                    items: 2,
75                },
76                1000: {
77                    items: 3,
78                }
79            },
80            autoplay: false,
81            autoplayTimeout: 2000,
82        });
83    jQuery('#owl2')
84        .owlCarousel({
85            loop: true,
86            autoWidth: false,
87            responsiveClass: true,
88
89            responsive: {
90                0: {
91                    items: 1,
92                },
93                600: {
94                    items: 1,
95                },
96                1000: {
97                    items: 1,
98                }
99            },
100            autoplay: true,
101            autoplayTimeout: 4000,
102        });
103    // ============================ 3/ call the slick functions
104
105
106    jQuery('.work-boxes-slick').slick({
107        infinite: true,
108        slidesToShow: 3,
109        slidesToScroll: 1,
110        dots: true,
111        autoplay: true,
112        autoplaySpeed: 2000,
113        arrows: false,
114        responsive: [{
115                breakpoint: 950,
116                settings: {
117                    slidesToShow: 2,
118                    slidesToScroll: 1
119                }
120            },
121            {
122                breakpoint: 480,
123                settings: {
124                    slidesToShow: 1,
125                    slidesToScroll: 1
126                }
127            }
128            // You can unslick at a given breakpoint now by adding:
129            // settings: "unslick"
130            // instead of a settings object
131        ]
132
133    });
134
135    jQuery('.feautures-boxes-slick').slick({
136        infinite: true,
137        slidesToShow: 4,
138        slidesToScroll: 1,
139        dots: true,
140        autoplay: true,
141        autoplaySpeed: 2000,

142        arrows: false,
143        responsive: [{
144                breakpoint: 950,
145                settings: {
146                    slidesToShow: 2,
147                    slidesToScroll: 1
148                }
149            },
150            {
151                breakpoint: 480,
152                settings: {
153                    slidesToShow: 1,
154                    slidesToScroll: 1
155                }
156            }
157            // You can unslick at a given breakpoint now by adding:
158            // settings: "unslick"
159            // instead of a settings object
160        ]
161
162    });
163    jQuery('.header-slick').slick({
164        infinite: true,
165        slidesToShow: 1,
166        slidesToScroll: 1,
167        dots: true,
168        autoplay: true,
169        autoplaySpeed: 5000,
170        arrows: false,
171        responsive: [{
172                breakpoint: 950,
173                settings: {
174                    slidesToShow: 1,
175                    slidesToScroll: 1
176                }
177            },
178            {
179                breakpoint: 480,
180                settings: {
181                    slidesToShow: 1,
182                    slidesToScroll: 1
183                }
184            }
185            // You can unslick at a given breakpoint now by adding:
186            // settings: "unslick"
187            // instead of a settings object
188        ]
189
190    });
191    jQuery('.clients-slick').slick({
192        infinite: true,
193        slidesToShow: 1,
194        slidesToScroll: 1,
195        dots: true,
196        autoplay: true,
197        autoplaySpeed: 3000,
198        arrows: false,
199        responsive: [{
200                breakpoint: 950,
201                settings: {
202                    slidesToShow: 1,
203                    slidesToScroll: 1
204                }
205            },
206            {
207                breakpoint: 480,
208                settings: {
209                    slidesToShow: 1,
210                    slidesToScroll: 1
211                }
212            }
213            // You can unslick at a given breakpoint now by adding:
214            // settings: "unslick"
215            // instead of a settings object
216        ]
217
218    });
219
220    // ============================ 4/ call the  feather icons function
221    feather.replace();
222
223    // ============================  5/ call  AOS function
224
225    AOS.init();
226    AOS.init({
227        offset: 10,
228        once: true,
229    });
230
231	
232});