(function ($) { "use strict"; /* jQuery MeanMenu */ $("#mobile-menu-active").meanmenu({ meanScreenWidth: "991", meanMenuContainer: ".mobile-menu-area .mobile-menu", }); /*-- One Page Nav -----------------------------------*/ var top_offset = $(".header-area").height() - -60; $(".hamburger-menu nav ul").onePageNav({ currentClass: "active", scrollOffset: top_offset, }); /*--- clickable menu active ----*/ const slinky = $("#menu").slinky(); /*====== sidebarmenu ======*/ function sidebarMainmenu() { var menuTrigger = $(".clickable-mainmenu-active"), endTrigger = $("button.clickable-mainmenu-close"), container = $(".clickable-mainmenu"); menuTrigger.on("click", function (e) { e.preventDefault(); container.addClass("inside"); }); endTrigger.on("click", function () { container.removeClass("inside"); }); } sidebarMainmenu(); /* slider active */ $(".slider-active").owlCarousel({ loop: true, nav: false, autoplay: true, autoplayTimeout: 5000, animateOut: "fadeOut", animateIn: "fadeIn", item: 1, responsive: { 0: { items: 1, }, 768: { items: 1, }, 1000: { items: 1, }, }, }); $(".slider-active-2").owlCarousel({ loop: true, nav: true, autoplay: false, autoplayTimeout: 5000, animateOut: "fadeOut", animateIn: "fadeIn", navText: [ ' next', 'prev ', ], item: 1, responsive: { 0: { items: 1, }, 768: { items: 1, }, 1000: { items: 1, }, }, }); /* arrival active */ $(".arrival-active").owlCarousel({ loop: true, autoplay: false, autoplayTimeout: 5000, nav: false, margin: 40, item: 5, responsive: { 0: { items: 1, }, 768: { items: 2, }, 1000: { items: 3, }, 1367: { items: 5, }, }, }); /* brand logo active */ $(".brand-logo-active").owlCarousel({ loop: true, nav: false, item: 6, responsive: { 0: { items: 2, }, 480: { items: 2, }, 768: { items: 3, }, 1000: { items: 4, }, 1200: { items: 6, }, }, }); /* brand logo active */ $(".brand-logo-active2").owlCarousel({ loop: true, nav: false, item: 7, responsive: { 0: { items: 1, }, 768: { items: 3, }, 1000: { items: 4, }, 1200: { items: 7, }, }, }); /* book list active */ $(".book-list-active").owlCarousel({ loop: true, nav: true, item: 2, margin: 40, navText: [ '', '', ], responsive: { 0: { items: 1, }, 768: { items: 1, }, 1000: { items: 1, }, 1200: { items: 2, }, }, }); /* testimonials active */ $(".testimonials-active").owlCarousel({ loop: true, nav: false, autoplay: true, autoplayTimeout: 5000, item: 1, responsive: { 0: { items: 1, }, 768: { items: 1, }, 1000: { items: 1, }, 1200: { items: 1, }, }, }); /* testimonials active */ $(".brand-logo-active3").owlCarousel({ loop: true, nav: false, autoplay: false, autoplayTimeout: 5000, item: 6, responsive: { 0: { items: 1, }, 768: { items: 3, }, 1000: { items: 4, }, 1200: { items: 6, }, }, }); /* testimonials active */ $(".product-fruit-slider").owlCarousel({ loop: true, nav: false, autoplay: false, autoplayTimeout: 5000, margin: 30, item: 5, responsive: { 0: { items: 1, }, 768: { items: 2, }, 1000: { items: 3, }, 1200: { items: 4, }, 1400: { items: 5, }, }, }); /* instafeed active */ $(".instafeed-active").owlCarousel({ loop: true, nav: false, autoplay: false, autoplayTimeout: 5000, item: 5, margin: 17, responsive: { 0: { items: 1, }, 768: { items: 3, }, 1000: { items: 4, }, 1200: { items: 5, }, }, }); /* testimonials active */ $(".special-food-active").owlCarousel({ loop: true, nav: false, autoplay: false, autoplayTimeout: 5000, item: 4, margin: 30, responsive: { 0: { items: 1, }, 768: { items: 2, }, 1000: { items: 3, }, 1200: { items: 4, }, }, }); /* testimonials active */ $(".smart-watch-product-active").owlCarousel({ loop: true, nav: false, autoplay: false, autoplayTimeout: 5000, item: 3, margin: 75, responsive: { 0: { items: 1, }, 768: { items: 2, }, 1000: { items: 3, }, 1200: { items: 3, }, }, }); /* testimonials active */ $(".related-product-active").owlCarousel({ loop: true, nav: false, autoplay: false, autoplayTimeout: 5000, item: 3, margin: 30, responsive: { 0: { items: 1, }, 768: { items: 2, }, 1000: { items: 3, }, 1200: { items: 3, }, }, }); /* popular-product-active active */ $(".popular-product-active").owlCarousel({ loop: false, nav: true, autoplay: false, autoplayTimeout: 5000, item: 4, margin: 57, navText: [ '', '', ], responsive: { 0: { items: 1, }, 768: { items: 2, }, 1000: { items: 3, }, 1200: { items: 4, }, }, }); /* trandy-product-active active */ $(".trandy-product-active").owlCarousel({ loop: true, nav: false, autoplay: false, autoplayTimeout: 5000, item: 4, margin: 30, responsive: { 0: { items: 1, }, 768: { items: 2, }, 1000: { items: 3, }, 1200: { items: 4, }, }, }); /* feadback-silder-active active */ $(".feadback-silder-active").owlCarousel({ loop: true, nav: false, autoplay: false, autoplayTimeout: 5000, item: 3, margin: 50, responsive: { 0: { items: 1, }, 768: { items: 2, }, 1000: { items: 3, }, 1200: { items: 3, }, }, }); /*category left menu*/ $(".category-heading-2").on("click", function () { $(".category-menu-list").slideToggle(300); }); /*-- menu-toggle ------------------------*/ $(".menu-toggle").on("click", function () { if ($(".menu-toggle").hasClass("is-active")) { $(".hamburger-menu nav").removeClass("menu-open"); } else { $(".hamburger-menu nav").addClass("menu-open"); } }); /*-- Hamburger js -----------------------------------*/ var forEach = function (t, o, r) { if ("[object Object]" === Object.prototype.toString.call(t)) for (var c in t) Object.prototype.hasOwnProperty.call(t, c) && o.call(r, t[c], c, t); else for (var e = 0, l = t.length; l > e; e++) o.call(r, t[e], e, t); }; var hamburgers = document.querySelectorAll(".hamburger"); if (hamburgers.length > 0) { forEach(hamburgers, function (hamburger) { hamburger.addEventListener( "click", function () { this.classList.toggle("is-active"); }, false ); }); } /* magnificPopup video popup */ $(".video-popup").magnificPopup({ type: "iframe", }); /*---------------------------- text-animation ------------------------------ */ $(".tlt1").textillate({ loop: true, in: { effect: "fadeInDown", }, out: { effect: "flip", }, }); /*-- Menu Stick -----------------------------------*/ $(window).on("scroll", function () { var scroll = $(window).scrollTop(); if (scroll < 1) { $(".sticker").removeClass("stick"); } else { $(".sticker").addClass("stick"); } }); /* hover 3d init for tilt */ if ($(".tilter").length > 0) { $(".tilter").tilt({ maxTilt: 40, perspective: 800, easing: "cubic-bezier(.03,.98,.52,.99)", scale: 1, speed: 800, transition: true, }); } /* hover 3d init for tilt */ if ($(".tilter-2").length > 0) { $(".tilter-2").tilt({ maxTilt: 20, perspective: 700, easing: "cubic-bezier(.03,.98,.52,.99)", scale: 1, speed: 500, transition: true, }); } /* hover 3d init for tilt */ if ($(".tilter-3").length > 0) { $(".tilter-3").tilt({ maxTilt: 20, perspective: 800, easing: "cubic-bezier(.03,.2,.5,.4)", scale: 1, speed: 500, transition: true, }); } /*--- showlogin toggle function ----*/ $("#showlogin").on("click", function () { $("#checkout-login").slideToggle(900); }); /*--- showlogin toggle function ----*/ $("#showcoupon").on("click", function () { $("#checkout_coupon").slideToggle(900); }); /*--- showlogin toggle function ----*/ $("#ship-box").on("click", function () { $("#ship-box-info").slideToggle(1000); }); // Instantiate EasyZoom instances var $easyzoom = $(".easyzoom").easyZoom(); /*--------------------- sidebar sticky --------------------- */ $(".sidebar-active").stickySidebar({ topSpacing: 80, bottomSpacing: 30, minWidth: 991, }); $(".sidebar-active1").stickySidebar({ topSpacing: 80, bottomSpacing: 30, minWidth: 991, }); $(".sidebar-active3").stickySidebar({ topSpacing: 80, bottomSpacing: 30, minWidth: 991, }); /* isotop active */ // filter items on button click $(".blog-mesonry").imagesLoaded(function () { // init Isotope var $grid = $(".grid").isotope({ itemSelector: ".grid-item", percentPosition: true, masonry: { // use outer width of grid-sizer for columnWidth columnWidth: ".grid-item", }, }); }); $(".notification-close button").on("click", function () { $(".notification-section").slideUp(); }); /*---------------------------- Cart Plus Minus Button ------------------------------ */ $(".cart-plus-minus").prepend('
-
'); $(".cart-plus-minus").append('
+
'); $(".qtybutton").on("click", function () { var $button = $(this); var oldValue = $button.parent().find("input").val(); if ($button.text() == "+") { var newVal = parseFloat(oldValue) + 1; } else { // Don't allow decrementing below zero if (oldValue > 0) { var newVal = parseFloat(oldValue) - 1; } else { newVal = 1; } } $button.parent().find("input").val(newVal); }); /*--------------------- price slider --------------------- */ var sliderrange = $("#slider-range"); var amountprice = $("#amount"); var minPrice = parseFloat($("#productMinPrice").val()); var maxPrice = parseFloat($("#productMaxPrice").val()); $(function () { sliderrange.slider({ range: true, min: minPrice, max: maxPrice, values: [minPrice, maxPrice], slide: function (event, ui) { amountprice.val(ui.values[0] + "-" + ui.values[1]); }, }); amountprice.val( sliderrange.slider("values", 0) + "-" + sliderrange.slider("values", 1) ); }); /*-------------------------- 09. ScrollUp ---------------------------- */ $.scrollUp({ scrollText: '', easingType: "linear", scrollSpeed: 900, animation: "fade", }); /*--------------------- countdown --------------------- */ $("[data-countdown]").each(function () { var $this = $(this), finalDate = $(this).data("countdown"); $this.countdown(finalDate, function (event) { $this.html( event.strftime( '%-D

Days

%-H

Hour

%M

Min

%S

Sec

' ) ); }); }); /*------ Wow Active ----*/ new WOW().init(); /*-- Header Search Toggle -----------------------------------*/ var searchToggle = $(".search-toggle"); searchToggle.on("click", function () { if ($(this).hasClass("open")) { $(this).removeClass("open"); $(this).siblings(".handicraft-content").removeClass("open"); } else { $(this).addClass("open"); $(this).siblings(".handicraft-content").addClass("open"); } }); })(jQuery);