(function ($) {
"use strict";
new WOW().init();
/*---background image---*/
function dataBackgroundImage() {
$('[data-bgimg]').each(function () {
var bgImgUrl = $(this).data('bgimg');
$(this).css({
'background-image': 'url(' + bgImgUrl + ')', // + meaning concat
});
});
}
$(window).on('load', function () {
dataBackgroundImage();
});
/*---stickey menu---*/
$(window).on('scroll',function() {
var scroll = $(window).scrollTop();
if (scroll < 100) {
$(".sticky-header").removeClass("sticky");
}else{
$(".sticky-header").addClass("sticky");
}
});
/*---slider activation---*/
$('.slider_carousel').owlCarousel({
animateOut: 'fadeOut',
autoplay: true,
loop: true,
nav: false,
autoplay: false,
autoplayTimeout: 8000,
items: 1,
dots: true,
});
/*---categories column7 activation---*/
$('.categories_column7').on('changed.owl.carousel initialized.owl.carousel', function (event) {
$(event.target).find('.owl-item').removeClass('last').eq(event.item.index + event.page.size - 1).addClass('last')}).owlCarousel({
autoplay: true,
loop: true,
nav: false,
autoplay: false,
autoplayTimeout: 8000,
items: 7,
margin: 20,
dots:false,
responsiveClass:true,
responsive:{
0:{
items:1,
},
480:{
items:2,
},
576:{
items:3,
},
768:{
items:5,
},
992:{
items:5,
},
1200:{
items:6,
},
1300:{
items:7,
},
}
});
/*---product column6 activation---*/
$('.product_column6').on('changed.owl.carousel initialized.owl.carousel', function (event) {
$(event.target).find('.owl-item').removeClass('last').eq(event.item.index + event.page.size - 1).addClass('last')}).owlCarousel({
autoplay: true,
loop: true,
nav: true,
autoplay: false,
autoplayTimeout: 8000,
items: 6,
margin: 20,
dots:false,
navText: ['',''],
responsiveClass:true,
responsive:{
0:{
items:1,
},
480:{
items:2,
},
576:{
items:2,
},
768:{
items:3,
},
992:{
items:4,
},
1200:{
items:5,
},
1301:{
items:6,
},
}
});
/*---product column5 activation---*/
$('.product_column5').on('changed.owl.carousel initialized.owl.carousel', function (event) {
$(event.target).find('.owl-item').removeClass('last').eq(event.item.index + event.page.size - 1).addClass('last')}).owlCarousel({
autoplay: true,
loop: true,
nav: false,
autoplay: false,
autoplayTimeout: 8000,
items: 5,
dots:false,
responsiveClass:true,
responsive:{
0:{
items:1,
},
480:{
items:2,
},
768:{
items:3,
},
992:{
items:4,
},
1200:{
items:5,
},
}
});
function checkClasses(){
var total = $('.product_column5 .owl-stage .owl-item.active').length;
$(".product_column5").each(function(){
$(this).find('.owl-item').removeClass('firstActiveItem');
$(this).find('.owl-item').removeClass('lastActiveItem');
$(this).find('.owl-item.active').each(function(index){
if (index === 0) { $(this).addClass('firstActiveItem'); }
if (index === total - 1 && total > 1) {
$(this).addClass('lastActiveItem');
}
});
});
}
checkClasses();
/*---product details column5 activation---*/
$('.product_details_column5').on('changed.owl.carousel initialized.owl.carousel', function (event) {
$(event.target).find('.owl-item').removeClass('last').eq(event.item.index + event.page.size - 1).addClass('last')}).owlCarousel({
autoplay: true,
loop: true,
nav: true,
autoplay: false,
autoplayTimeout: 8000,
items: 5,
dots:false,
navText: ['',''],
responsiveClass:true,
responsive:{
0:{
items:1,
},
480:{
items:2,
},
768:{
items:3,
},
992:{
items:4,
},
1200:{
items:5,
},
}
});
/*---product column4 activation---*/
$('.product_column4').on('changed.owl.carousel initialized.owl.carousel', function (event) {
$(event.target).find('.owl-item').removeClass('last').eq(event.item.index + event.page.size - 1).addClass('last')}).owlCarousel({
autoplay: true,
loop: true,
nav: true,
autoplay: false,
autoplayTimeout: 8000,
items: 4,
dots:false,
navText: ['',''],
responsiveClass:true,
responsive:{
0:{
items:1,
},
480:{
items:2,
},
768:{
items:3,
},
992:{
items:3,
},
1200:{
items:4,
},
}
});
/*---product column3 activation---*/
$('.product_column3').on('changed.owl.carousel initialized.owl.carousel', function (event) {
$(event.target).find('.owl-item').removeClass('last').eq(event.item.index + event.page.size - 1).addClass('last')}).owlCarousel({
autoplay: true,
loop: true,
nav: true,
autoplay: false,
autoplayTimeout: 8000,
items: 3,
dots:false,
navText: ['',''],
responsiveClass:true,
responsive:{
0:{
items:1,
},
480:{
items:2,
},
768:{
items:3,
},
992:{
items:2,
},
1200:{
items:2,
},
1300:{
items:3,
},
}
});
/*---product column2 activation---*/
$('.product_column2').on('changed.owl.carousel initialized.owl.carousel', function (event) {
$(event.target).find('.owl-item').removeClass('last').eq(event.item.index + event.page.size - 1).addClass('last')}).owlCarousel({
autoplay: true,
loop: true,
nav: true,
autoplay: false,
autoplayTimeout: 8000,
items: 2,
dots:false,
navText: ['',''],
responsiveClass:true,
responsive:{
0:{
items:1,
},
768:{
items:1,
},
992:{
items:2,
},
}
});
/*---product column2 activation---*/
$('.product_style_four').on('changed.owl.carousel initialized.owl.carousel', function (event) {
$(event.target).find('.owl-item').removeClass('last').eq(event.item.index + event.page.size - 1).addClass('last')}).owlCarousel({
autoplay: true,
loop: true,
nav: true,
autoplay: false,
autoplayTimeout: 8000,
items: 2,
margin: 20,
dots:false,
navText: ['',''],
responsiveClass:true,
responsive:{
0:{
items:1,
},
768:{
items:1,
},
1200:{
items:2,
},
}
});
/*---product column1 activation---*/
$('.product_column1').on('changed.owl.carousel initialized.owl.carousel', function (event) {
$(event.target).find('.owl-item').removeClass('last').eq(event.item.index + event.page.size - 1).addClass('last')}).owlCarousel({
autoplay: true,
loop: true,
nav: true,
autoplay: false,
autoplayTimeout: 8000,
items: 1,
dots:false,
navText: ['',''],
responsiveClass:true,
responsive:{
0:{
items:1,
},
768:{
items:2,
margin: 20,
},
992:{
items:1,
},
}
});
/*---deals product column1 activation---*/
$('.deals_product_column1').on('changed.owl.carousel initialized.owl.carousel', function (event) {
$(event.target).find('.owl-item').removeClass('last').eq(event.item.index + event.page.size - 1).addClass('last')}).owlCarousel({
autoplay: true,
loop: true,
nav: true,
autoplay: false,
autoplayTimeout: 8000,
items: 1,
dots:false,
navText: ['',''],
responsiveClass:true,
responsive:{
0:{
items:1,
},
992:{
items:1,
},
}
});
/*---small product activation---*/
$('.small_product_active').slick({
centerMode: true,
centerPadding: '0',
slidesToShow: 1,
arrows:true,
rows: 4,
prevArrow:'',
nextArrow:'',
responsive:[
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
}
},
{
breakpoint: 1200,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
rows: 3,
}
},
]
});
/*---testimonial active activation---*/
$('.testimonial-two').owlCarousel({
autoplay: true,
loop: true,
nav: false,
autoplay: false,
autoplayTimeout: 8000,
items: 1,
autoplayHoverPause: false,
dots: true,
})
var owl = $('.blog_column4');
var owlCarouselTimeout = 2000;
/*---blog column3 activation---*/
$('.blog_column4').owlCarousel({
autoplay: true,
loop: true,
nav: true,
autoplay: true,
autoplayTimeout: 2000,
autoplayHoverPause: true,
autoplayTimeout: owlCarouselTimeout,
items: 4,
dots:false,
navText: ['',''],
responsiveClass:true,
responsive:{
0:{
items:1,
},
768:{
items:2,
},
992:{
items:3,
},
1200:{
items:4,
},
}
});
owl.on('mouseleave',function(){
owl.trigger('stop.owl.autoplay'); //this is main line to fix it
owl.trigger('play.owl.autoplay', [owlCarouselTimeout]);
});
/*---brand container activation---*/
$('.brand_container').on('changed.owl.carousel initialized.owl.carousel', function (event) {
$(event.target).find('.owl-item').removeClass('last').eq(event.item.index + event.page.size - 1).addClass('last')}).owlCarousel({
autoplay: true,
loop: true,
nav: false,
autoplay: false,
autoplayTimeout: 8000,
items: 6,
dots:false,
responsiveClass:true,
responsive:{
0:{
items:1,
},
320:{
items:2,
},
576:{
items:3,
},
768:{
items:4,
},
992:{
items:5,
},
1200:{
items:6,
},
}
});
function checkClasses(){
var total = $('.brand_container .owl-stage .owl-item.active').length;
$(".brand_container").each(function(){
$(this).find('.owl-item').removeClass('firstActiveItem');
$(this).find('.owl-item').removeClass('lastActiveItem');
$(this).find('.owl-item.active').each(function(index){
if (index === 0) { $(this).addClass('firstActiveItem'); }
if (index === total - 1 && total > 1) {
$(this).addClass('lastActiveItem');
}
});
});
}
checkClasses();
/*---blog thumb activation---*/
$('.blog_thumb_active').owlCarousel({
autoplay: true,
loop: true,
nav: true,
autoplay: false,
autoplayTimeout: 8000,
items: 1,
navText: ['',''],
});
/*---single product activation---*/
$('.single-product-active').owlCarousel({
autoplay: true,
loop: true,
nav: true,
autoplay: false,
autoplayTimeout: 8000,
items: 4,
margin:15,
dots:false,
navText: ['',''],
responsiveClass:true,
responsive:{
0:{
items:1,
},
320:{
items:2,
margin:10,
},
992:{
items:3,
},
1200:{
items:4,
},
}
});
/*---product navactive activation---*/
$('.product_navactive').owlCarousel({
autoplay: true,
loop: true,
nav: true,
autoplay: false,
autoplayTimeout: 8000,
items: 4,
dots:false,
navText: ['',''],
responsiveClass:true,
responsive:{
0:{
items:1,
},
250:{
items:2,
},
480:{
items:3,
},
768:{
items:4,
},
}
});
$('.modal').on('shown.bs.modal', function (e) {
$('.product_navactive').resize();
})
$('.product_navactive a').on('click',function(e){
e.preventDefault();
var $href = $(this).attr('href');
$('.product_navactive a').removeClass('active');
$(this).addClass('active');
$('.product-details-large .tab-pane').removeClass('active show');
$('.product-details-large '+ $href ).addClass('active show');
})
/*--- video Popup---*/
$('.video_popup').magnificPopup({
type: 'iframe',
removalDelay: 300,
mainClass: 'mfp-fade'
});
/*--- Magnific Popup Video---*/
$('.port_popup').magnificPopup({
type: 'image',
gallery: {
enabled: true
}
});
/*--- Tooltip Active---*/
$('.action_links ul li a,.add_to_cart a,.footer_social_link ul li a').tooltip({
animated: 'fade',
placement: 'top',
container: 'body'
});
/*--- niceSelect---*/
$('.select_option').niceSelect();
/*--- Accordion---*/
$(".faequently-accordion").collapse({
accordion:true,
open: function() {
this.slideDown(300);
},
close: function() {
this.slideUp(300);
}
});
/*--- counterup activation ---*/
$('.counter_number').counterUp({
delay: 10,
time: 1000
});
/*--- ScrollUp Active ---*/
$.scrollUp({
scrollText: '',
easingType: 'linear',
scrollSpeed: 900,
animation: 'fade'
});
/*---countdown activation---*/
$('[data-countdown]').each(function() {
var $this = $(this), finalDate = $(this).data('countdown');
$this.countdown(finalDate, function(event) {
$this.html(event.strftime(''));
});
});
/*---slider-range here---*/
$( "#slider-range" ).slider({
range: true,
min: 0,
max: 500,
values: [ 0, 500 ],
slide: function( event, ui ) {
$( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
}
});
$( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
" - $" + $( "#slider-range" ).slider( "values", 1 ) );
/*---niceSelect---*/
$('.niceselect_option').niceSelect();
/*---elevateZoom---*/
$("#zoom1").elevateZoom({
gallery:'gallery_01',
responsive : true,
cursor: 'crosshair',
zoomType : 'inner'
});
/*---portfolio Isotope activation---*/
$('.portfolio_gallery').imagesLoaded( function() {
var $grid = $('.portfolio_gallery').isotope({
itemSelector: '.gird_item',
percentPosition: true,
masonry: {
columnWidth: '.gird_item'
}
});
/*---ilter items on button click---*/
$('.portfolio_button').on( 'click', 'button', function() {
var filterValue = $(this).attr('data-filter');
$grid.isotope({ filter: filterValue });
$(this).siblings('.active').removeClass('active');
$(this).addClass('active');
});
});
/*---widget sub categories---*/
$(".widget_sub_categories > a").on("click", function() {
$(this).toggleClass('active');
$('.widget_dropdown_categories').slideToggle('medium');
});
/*---categories slideToggle---*/
$(".categories_title").on("click", function() {
$(this).toggleClass('active');
$('.categories_menu_toggle').slideToggle('medium');
});
/*---widget sub categories---*/
$(".sub_categories1 > a").on("click", function() {
$(this).toggleClass('active');
$('.dropdown_categories1').slideToggle('medium');
});
/*---widget sub categories---*/
$(".sub_categories2 > a").on("click", function() {
$(this).toggleClass('active');
$('.dropdown_categories2').slideToggle('medium');
});
/*---widget sub categories---*/
$(".sub_categories3 > a").on("click", function() {
$(this).toggleClass('active');
$('.dropdown_categories3').slideToggle('medium');
});
/*---addClass/removeClass categories---*/
$("#cat_toggle.has-sub > a").on("click", function() {
$(this).removeAttr('href');
$(this).toggleClass('open').next('.categorie_sub').toggleClass('open');
$(this).parents().siblings().find('#cat_toggle.has-sub > a').removeClass('open');
});
/*---MailChimp---*/
$('#mc-form').ajaxChimp({
language: 'en',
callback: mailChimpResponse,
// ADD YOUR MAILCHIMP URL BELOW HERE!
url: 'http://devitems.us11.list-manage.com/subscribe/post?u=6bbb9b6f5827bd842d9640c82&id=05d85f18ef'
});
function mailChimpResponse(resp) {
if (resp.result === 'success') {
$('.mailchimp-success').addClass('active')
$('.mailchimp-success').html('' + resp.msg).fadeIn(900);
$('.mailchimp-error').fadeOut(400);
} else if(resp.result === 'error') {
$('.mailchimp-error').html('' + resp.msg).fadeIn(900);
}
}
/*---Category menu---*/
function categorySubMenuToggle(){
$('.categories_menu_toggle li.menu_item_children > a').on('click', function(){
if($(window).width() < 992){
$(this).removeAttr('href');
var element = $(this).parent('li');
if (element.hasClass('open')) {
element.removeClass('open');
element.find('li').removeClass('open');
element.find('ul').slideUp();
}
else {
element.addClass('open');
element.children('ul').slideDown();
element.siblings('li').children('ul').slideUp();
element.siblings('li').removeClass('open');
element.siblings('li').find('li').removeClass('open');
element.siblings('li').find('ul').slideUp();
}
}
});
$('.categories_menu_toggle li.menu_item_children > a').append('');
}
categorySubMenuToggle();
/*---shop grid activation---*/
$('.shop_toolbar_btn > button').on('click', function (e) {
e.preventDefault();
$('.shop_toolbar_btn > button').removeClass('active');
$(this).addClass('active');
var parentsDiv = $('.shop_wrapper');
var viewMode = $(this).data('role');
parentsDiv.removeClass('grid_3 grid_4 grid_5 grid_list').addClass(viewMode);
if(viewMode == 'grid_3'){
parentsDiv.children().addClass('col-lg-4 col-md-4 col-sm-6').removeClass('col-lg-3 col-cust-5 col-12');
}
if(viewMode == 'grid_4'){
parentsDiv.children().addClass('col-lg-3 col-md-4 col-sm-6').removeClass('col-lg-4 col-cust-5 col-12');
}
if(viewMode == 'grid_list'){
parentsDiv.children().addClass('col-12').removeClass('col-lg-3 col-lg-4 col-md-4 col-sm-6 col-cust-5');
}
});
/*---Newsletter Popup activation---*/
setTimeout(function() {
if($.cookie('shownewsletter')==1) $('.newletter-popup').hide();
$('#subscribe_pemail').keypress(function(e) {
if(e.which == 13) {
e.preventDefault();
email_subscribepopup();
}
var name= $(this).val();
$('#subscribe_pname').val(name);
});
$('#subscribe_pemail').change(function() {
var name= $(this).val();
$('#subscribe_pname').val(name);
});
//transition effect
if($.cookie("shownewsletter") != 1){
$('.newletter-popup').bPopup();
}
$('#newsletter_popup_dont_show_again').on('change', function(){
if($.cookie("shownewsletter") != 1){
$.cookie("shownewsletter",'1')
}else{
$.cookie("shownewsletter",'0')
}
});
}, 2500);
/*---search box slideToggle---*/
$(".search_box > a").on("click", function() {
$(this).toggleClass('active');
$('.search_widget').slideToggle('medium');
});
/*---slide toggle activation---*/
$('.mini_cart_wrapper > a').on('click', function(event){
if($(window).width() < 991){
$('.mini_cart').slideToggle('medium');
}
});
/*---canvas menu activation---*/
$('.canvas_open').on('click', function(){
$('.offcanvas_menu_wrapper,.off_canvars_overlay').addClass('active')
});
$('.canvas_close,.off_canvars_overlay').on('click', function(){
$('.offcanvas_menu_wrapper,.off_canvars_overlay').removeClass('active')
});
/*---Off Canvas Menu---*/
var $offcanvasNav = $('.offcanvas_main_menu'),
$offcanvasNavSubMenu = $offcanvasNav.find('.sub-menu');
$offcanvasNavSubMenu.parent().prepend('');
$offcanvasNavSubMenu.slideUp();
$offcanvasNav.on('click', 'li a, li .menu-expand', function(e) {
var $this = $(this);
if ( ($this.parent().attr('class').match(/\b(menu-item-has-children|has-children|has-sub-menu)\b/)) && ($this.attr('href') === '#' || $this.hasClass('menu-expand')) ) {
e.preventDefault();
if ($this.siblings('ul:visible').length){
$this.siblings('ul').slideUp('slow');
}else {
$this.closest('li').siblings('li').find('ul:visible').slideUp('slow');
$this.siblings('ul').slideDown('slow');
}
}
if( $this.is('a') || $this.is('span') || $this.attr('clas').match(/\b(menu-expand)\b/) ){
$this.parent().toggleClass('menu-open');
}else if( $this.is('li') && $this.attr('class').match(/\b('menu-item-has-children')\b/) ){
$this.toggleClass('menu-open');
}
});
/*js ripples activation*/
$('.js-ripples').ripples({
resolution: 512,
dropRadius: 20,
perturbance: 0.04
});
})(jQuery);