| Current Path : /home/zqegovsj/www/us3web.haibo.com.cn/biguo/js/ |
| Current File : /home/zqegovsj/www/us3web.haibo.com.cn/biguo/js/active.js |
(function ($) {
"use strict";
// Sticky menu
var $window = $(window);
$window.on('scroll', function () {
var scroll = $window.scrollTop();
if (scroll < 300) {
$(".sticky").removeClass("is-sticky");
} else {
$(".sticky").addClass("is-sticky");
}
});
// tooltip active js
$('[data-toggle="tooltip"]').tooltip();
// Hero main slider active js
$('.hero-slider-active').slick({
autoplay: true,
fade: false,
dots: false,
arrows: false,
centerMode: true,
centerPadding: '18%',
slidesToShow: 1,
prevArrow: '<button type="button" class="slick-prev"><i class="fa fa-angle-left"></i></button>',
nextArrow: '<button type="button" class="slick-next"><i class="fa fa-angle-right"></i></button>',
responsive: [
{
breakpoint: 1599,
settings: {
centerPadding: '10%',
}
},
{
breakpoint: 1499,
settings: {
arrows: false,
centerMode: false,
}
},
{
breakpoint: 768,
settings: {
arrows: false,
centerMode: false,
}
}
]
});
// Hero main slider home 3 active js
$('.hero-slider-active-2').slick({
autoplay: true,
fade: false,
dots: false,
arrows: false,
slidesToShow: 1,
prevArrow: '<button type="button" class="slick-prev"><i class="fa fa-angle-left"></i></button>',
nextArrow: '<button type="button" class="slick-next right"><i class="fa fa-angle-right"></i></button>',
responsive: [{
breakpoint: 768,
settings: {
arrows: false,
}
}]
});
// Hero main slider active js
$('.hero-slider-active-4').slick({
autoplay: false,
fade: false,
arrows: false,
slidesToShow: 4,
prevArrow: '<button type="button" class="slick-prev"><i class="fa fa-angle-left"></i></button>',
nextArrow: '<button type="button" class="slick-next right"><i class="fa fa-angle-right"></i></button>',
responsive: [{
breakpoint: 1200,
settings: {
slidesToShow: 3,
}
},
{
breakpoint: 992,
settings: {
slidesToShow: 2,
}
},
{
breakpoint: 768,
settings: {
arrows: false,
slidesToShow: 1,
}
}
]
});
// prodct details slider active
$('.product-large-slider').slick({
slidesToShow: 1,
slidesToScroll: 1,
fade: true,
arrows: false,
asNavFor: '.pro-nav'
});
// product details slider nav active
$('.pro-nav').slick({
slidesToShow: 4,
slidesToScroll: 1,
asNavFor: '.product-large-slider',
centerMode: true,
centerPadding: 0,
arrows: false,
focusOnSelect: true
});
// product slider active js
$('.hbnet-slick-slider').slick();
// nice select active js
$('select').niceSelect();
// image zoom effect
$('.img-zoom').zoom();
// Countdown Activation
$('[data-countdown]').each(function () {
var $this = $(this),
finalDate = $(this).data('countdown');
$this.countdown(finalDate, function (event) {
$this.html(event.strftime('<div class="single-countdown"><span class="single-countdown__time">%D</span><span class="single-countdown__text">Days</span></div><div class="single-countdown"><span class="single-countdown__time">%H</span><span class="single-countdown__text">Hrs</span></div><div class="single-countdown"><span class="single-countdown__time">%M</span><span class="single-countdown__text">Min</span></div><div class="single-countdown"><span class="single-countdown__time">%S</span><span class="single-countdown__text">Sec</span></div>'));
});
});
/*Variables*/
var $offCanvasNav = $('.mobile-menu'),
$offCanvasNavSubMenu = $offCanvasNav.find('.dropdown');
/*Add Toggle Button With Off Canvas Sub Menu*/
$offCanvasNavSubMenu.parent().prepend('<span class="menu-expand"><i></i></span>');
/*Close Off Canvas Sub Menu*/
$offCanvasNavSubMenu.slideUp();
/*Category Sub Menu Toggle*/
$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.parent('li').removeClass('icon-show');
$this.siblings('ul').slideUp();
} else {
$this.parent('li').addClass('icon-show');
$this.closest('li').siblings('li').find('ul:visible').slideUp();
$this.siblings('ul').slideDown();
}
}
});
// Off Canvas Open close
$(".off-canvas-btn").on('click', function () {
$(".off-canvas-wrapper").addClass('open');
});
$(".btn-close-off-canvas,.off-canvas-overlay").on('click', function () {
$(".off-canvas-wrapper").removeClass('open');
});
// pricing filter
var rangeSlider = $(".price-range"),
amount = $("#amount"),
minPrice = rangeSlider.data('min'),
maxPrice = rangeSlider.data('max');
rangeSlider.slider({
range: true,
min: minPrice,
max: maxPrice,
values: [minPrice, maxPrice],
slide: function (event, ui) {
amount.val("$" + ui.values[0] + " - $" + ui.values[1]);
}
});
amount.val(" $" + rangeSlider.slider("values", 0) +
" - $" + rangeSlider.slider("values", 1));
// product view mode change js
$('.product-view-mode a').on('click', function (e) {
e.preventDefault();
var shopProductWrap = $('.shop-product-wrap');
var viewMode = $(this).data('target');
$('.product-view-mode a').removeClass('active');
$(this).addClass('active');
shopProductWrap.removeClass('grid-view list-view').addClass(viewMode);
})
// quantity change js
$('.pro-qty').prepend('<span class="dec qtybtn">-</span>');
$('.pro-qty').append('<span class="inc qtybtn">+</span>');
$('.qtybtn').on('click', function () {
var $button = $(this);
var oldValue = $button.parent().find('input').val();
if ($button.hasClass('inc')) {
var newVal = parseFloat(oldValue) + 1;
} else {
// Don't allow decrementing below zero
if (oldValue > 0) {
var newVal = parseFloat(oldValue) - 1;
} else {
newVal = 0;
}
}
$button.parent().find('input').val(newVal);
});
// Checkout Page accordion
$("#create_pwd").on("change", function () {
$(".account-create").slideToggle("100");
});
$("#ship_to_different").on("change", function () {
$(".ship-to-different").slideToggle("100");
});
// Payment Method Accordion
$('input[name="paymentmethod"]').on('click', function () {
var $value = $(this).attr('value');
$('.payment-method-details').slideUp();
$('[data-method="' + $value + '"]').slideDown();
});
// scroll to top
$(window).on('scroll', function () {
if ($(this).scrollTop() > 600) {
$('.scroll-top').removeClass('not-visible');
} else {
$('.scroll-top').addClass('not-visible');
}
});
$('.scroll-top').on('click', function (event) {
$('html,body').animate({
scrollTop: 0
}, 1000);
});
}(jQuery));