(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('
Days
%-HHour
%MMin
%SSec
' ) ); }); }); /*------ 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);