https://www.avisa.care/assets/js/main.js

1(function($) {
2    'use strict';
3    
4
5    
6    /* jQuery MeanMenu */
7    $('#mobile-menu-active').meanmenu({
8        meanScreenWidth: "991",
9        meanMenuContainer: ".mobile-menu-area .mobile-menu",
10    });
11    
12
13    /* cart */
14    $(".icon-cart , .search-2-icon , .icon-setting , .language-click").on("click", function() {
15        $(this).parent().find('.shopping-cart-content , .header-search-form-2 , .setting-wrapper, .language-dropdown').slideToggle('medium');
16    })
17    
18    
19    
20    /* slider active 2 active */
21    $('.slider-active-2').owlCarousel({
22        loop: true,
23        nav: true,
24        autoplay: false,
25        autoplayTimeout: 5000,
26        navText: ['p <br> r <br> e <br> v', 'n <br> e <br> x <br> t'],
27        animateOut: 'fadeOut',
28        animateIn: 'fadeIn',
29        item: 1,
30        responsive: {
31            0: {
32                items: 1
33            },
34            768: {
35                items: 1
36            },
37            1000: {
38                items: 1
39            }
40        }
41    })
42    
43    
44    
45    
46    
47    /* product slider active 4 active */
48    $('.product-slider-active-4').owlCarousel({
49        loop: true,
50        nav: true,
51        autoplay: false,
52        autoplayTimeout: 5000,
53        navText: ['<i class="ion-ios-arrow-thin-left"></i>', '<i class="ion-ios-arrow-thin-right"></i>'],
54        animateOut: 'fadeOut',
55        animateIn: 'fadeIn',
56        item: 3,
57        responsive: {
58            0: {
59                items: 1
60            },
61            768: {
62                items: 2
63            },
64            1000: {
65                items: 2
66            },
67            1200: {
68                items: 3
69            }
70        }
71    })
72    
73    
74    /* arrivals product active */
75    $('.arrivals-product-active').owlCarousel({
76        loop: true,
77        nav: true,
78        autoplay: false,
79        autoplayTimeout: 5000,
80        navText: ['<i class="ion-ios-arrow-thin-left"></i>', '<i class="ion-ios-arrow-thin-right"></i>'],
81        animateOut: 'fadeOut',
82        animateIn: 'fadeIn',
83        item: 2,
84        responsive: {
85            0: {
86                items: 1
87            },
88            768: {
89                items: 2
90            },
91            1000: {
92                items: 2
93            }
94        }
95    })
96    
97    /* recommended product slider active */
98    $('.recommended-product-slider-active').owlCarousel({
99        loop: true,
100        nav: true,
101        autoplay: false,
102        autoplayTimeout: 5000,
103        navText: ['<i class="ion-ios-arrow-thin-left"></i>', '<i class="ion-ios-arrow-thin-right"></i>'],
104        animateOut: 'fadeOut',
105        animateIn: 'fadeIn',
106        item: 4,
107        responsive: {
108            0: {
109                items: 1
110            },
111            768: {
112                items: 3
113            },
114            1000: {
115                items: 3
116            },
117            1200: {
118                items: 4
119            }
120        }
121    })
122    
123    
124    /* testimonial active */
125    $('.testimonial-active').owlCarousel({
126        loop: true,
127        nav: true,
128        autoplay: false,
129        autoplayTimeout: 5000,
130        navText: ['<i class="ion-ios-arrow-thin-left"></i>', '<i class="ion-ios-arrow-thin-right"></i>'],
131        animateOut: 'fadeOut',
132        animateIn: 'fadeIn',
133        item: 1,
134        responsive: {
135            0: {
136                items: 1
137            },
138            768: {
139                items: 1
140            },
141            1000: {
142                items: 1
143            }
144        }
145    })
146    
147    
148    /* deals slider active */
149    $('.deals-slider-active').owlCarousel({
150        loop: true,
151        nav: false,
152        autoplay: false,
153        autoplayTimeout: 5000,
154        animateOut: 'fadeOut',
155        animateIn: 'fadeIn',
156        item: 2,
157        responsive: {
158            0: {
159                items: 1
160            },
161            768: {
162                items: 1
163            },
164            992: {
165                items: 2
166            }
167        }
168    })
169    
170    
171    /* brand logo active */
172    // $('.brand-logo-active').owlCarousel({
173    //     loop: false,
174    //     nav: true,
175    //     autoplay: false,
176    //     autoplayTimeout: 5000,
177    //     navText: ['<i class="ion-ios-arrow-thin-left"></i>', '<i class="ion-ios-arrow-thin-right"></i>'],
178    //     animateOut: 'fadeOut',
179    //     animateIn: 'fadeIn',
180    //     autoWidth: true,
181    //     item: 1,
182    //     responsive: {
183    //         0: {
184    //             items: 1
185    //         },
186    //         768: {
187    //             items: 2
188    //         },
189    //         1000: {
190    //             items: 2
191    //         },
192    //         1200: {
193    //             items: 1
194    //         }
195    //     }
196    // })
197
198
199
200    /* product slider active */
201    
202
203
204    
205    
206    /* best seller slider active */
207    $('.best-seller-slider , .sidebar-blog-slider , .blog-carousel').owlCarousel({
208        loop: true,
209        nav: true,
210        autoplay: false,
211        autoplayTimeout: 5000,
212        navText: ['<i class="ion-ios-arrow-thin-left"></i>', '<i class="ion-ios-arrow-thin-right"></i>'],
213        item: 1,
214        responsive: {
215            0: {
216                items: 1
217            },
218            768: {
219                items: 1
220            },
221            1000: {
222                items: 1
223            }
224        }
225    })
226    
227    
228    /* testimonials active */
229    $('.sidebar-testimonials-active').owlCarousel({
230        loop: true,
231        nav: false,
232        autoplay: false,
233        autoplayTimeout: 5000,
234        item: 1,
235        responsive: {
236            0: {
237                items: 1
238            },
239            768: {
240                items: 1
241            },
242            1000: {
243                items: 1
244            }
245        }
246    })
247    
248    
249    
250    
251    
252    /*---------------------
253    countdown
254  --------------------- */
255    $('[data-countdown]').each(function() {
256        var $this = $(this),
257            finalDate = $(this).data('countdown');
258        $this.countdown(finalDate, function(event) {
259            $this.html(event.strftime('<span class="cdown day">%-D <p>Days</p></span> <span class="cdown hour">%-H <p>Hour</p></span> <span class="cdown minutes">%M <p>Min</p></span class="cdown second"> <span>%S <p>Sec</p></span>'));
260        });
261    });

262    
263    /* chosen */
264    $('.orderby').chosen({
265        disable_search: true,
266        width: "auto"
267    });
268    
269    /*------ Wow Active ----*/
270    new WOW().init();
271    
272    
273    /*category left menu*/
274    $('.category-toggle').on('click', function() {
275        $('.category-menu').slideToggle(300);
276    });
277    
278    /*----------------------------
279    	Cart Plus Minus Button
280    ------------------------------ */
281    var CartPlusMinus = $('.cart-plus-minus');
282    CartPlusMinus.prepend('<div class="dec qtybutton">-</div>');
283    CartPlusMinus.append('<div class="inc qtybutton">+</div>');
284    $(".qtybutton").on("click", function() {
285        var $button = $(this);
286        var oldValue = $button.parent().find("input").val();
287        if ($button.text() === "+") {
288            var newVal = parseFloat(oldValue) + 1;
289        } else {
290            // Don't allow decrementing below zero
291            if (oldValue > 0) {
292                var newVal = parseFloat(oldValue) - 1;
293            } else {
294                newVal = 1;
295            }
296        }
297        $button.parent().find("input").val(newVal);
298    });
299    
300    /*---------------------
301    price slider
302    --------------------- */
303    var sliderrange = $('#slider-range');
304    var amountprice = $('#amount');
305    $(function() {
306        sliderrange.slider({
307            range: true,
308            min: 0,
309            max: 1200,
310            values: [35, 540],
311            slide: function(event, ui) {
312                amountprice.val("$" + ui.values[0] + " - $" + ui.values[1]);
313            }
314        });
315        amountprice.val("$" + sliderrange.slider("values", 0) +
316            " - $" + sliderrange.slider("values", 1));
317    });
318    
319    
320    /*---------------------
321    shop grid list
322    --------------------- */
323    $('.view-mode li a').on('click', function() {
324        var $proStyle = $(this).data('view');
325        $('.view-mode li').removeClass('active');
326        $(this).parent('li').addClass('active');
327        $('.product-view').removeClass('product-grid product-list').addClass($proStyle);
328    })
329    
330    
331    // Instantiate EasyZoom instances
332    var $easyzoom = $('.easyzoom').easyZoom();
333    
334    
335    
336    /* counterUp */
337    $('.count').counterUp({
338        delay: 10,
339        time: 1000
340    });
341    
342    /* magnificPopup video popup */
343    $('.video-popup').magnificPopup({
344        type: 'iframe'
345    });
346    
347    
348    /*----- 
349    	Cart Plus Minus
350    --------------------------------*/
351    CartPlusMinus.append('<span class="inc qtybtn"><i class="ion-ios-arrow-up"></i></span>');
352    CartPlusMinus.append('<span class="dec qtybtn"><i class="ion-ios-arrow-down"></i></span>');
353    $('.qtybtn').on('click', function() {
354        var $button = $(this);
355        var oldValue = $button.parent().find('input').val();
356        if ($button.hasClass('inc')) {
357            var newVal = parseFloat(oldValue) + 1;
358        } else {
359            // Don't allow decrementing below zero
360            if (oldValue > 0) {
361                var newVal = parseFloat(oldValue) - 1;
362            } else {
363                newVal = 0;
364            }
365        }
366        $button.parent().find('input').val(newVal);
367    });
368    
369    
370    /*--------------------------
371     ScrollUp
372    ---------------------------- */
373    // $.scrollUp({
374    //     scrollText: '<i class="ion-arrow-up-c"></i>',
375    //     easingType: 'linear',
376    //     scrollSpeed: 900,
377    //     animation: 'fade'
378    // });
379
380
381
382})(jQuery);