561 lines
18 KiB
JavaScript
Executable File
561 lines
18 KiB
JavaScript
Executable File
(function($) {
|
|
"use strict";
|
|
/*--
|
|
Commons Variables
|
|
-----------------------------------*/
|
|
var windows = $(window);
|
|
|
|
/*--
|
|
Menu Sticky
|
|
-----------------------------------*/
|
|
var sticky = $('.header-sticky');
|
|
|
|
windows.on('scroll', function() {
|
|
var scroll = windows.scrollTop();
|
|
if (scroll < 300) {
|
|
sticky.removeClass('is-sticky');
|
|
} else {
|
|
sticky.addClass('is-sticky');
|
|
}
|
|
});
|
|
|
|
/*--
|
|
Header Search
|
|
-----------------------------------*/
|
|
var $headerSearchToggle = $('.header-search-toggle');
|
|
var $headerSearchForm = $('.header-search-form');
|
|
|
|
$headerSearchToggle.on('click', function() {
|
|
var $this = $(this);
|
|
if (!$this.hasClass('open')) {
|
|
$this.addClass('open').find('i').removeClass('bi bi-search').addClass('bi bi-search');
|
|
$headerSearchForm.slideDown();
|
|
} else {
|
|
$this.removeClass('open').find('i').removeClass('bi bi-search').addClass('bi bi-search');
|
|
$headerSearchForm.slideUp();
|
|
}
|
|
});
|
|
/*--
|
|
Mobile Menu
|
|
-----------------------------------*/
|
|
$('#mobile-menu-trigger').on('click', function() {
|
|
$('#offcanvas-mobile-menu').removeClass('inactive').addClass('active');
|
|
});
|
|
|
|
|
|
$('#offcanvas-menu-close-trigger').on('click', function() {
|
|
$('#offcanvas-mobile-menu').removeClass('active').addClass('inactive');
|
|
});
|
|
/*--
|
|
Offcanvas Menu
|
|
-----------------------------------*/
|
|
var $offCanvasNav = $('.offcanvas-navigation'),
|
|
$offCanvasNavSubMenu = $offCanvasNav.find('.submenu2');
|
|
|
|
/*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('active');
|
|
$this.siblings('ul').slideUp();
|
|
} else {
|
|
$this.parent('li').addClass('active');
|
|
$this.closest('li').siblings('li').removeClass('active').find('li').removeClass('active');
|
|
$this.closest('li').siblings('li').find('ul:visible').slideUp();
|
|
$this.siblings('ul').slideDown();
|
|
}
|
|
}
|
|
});
|
|
/*----------------------------
|
|
3. Sidebar Search Active
|
|
-----------------------------*/
|
|
function sidebarSearch() {
|
|
var searchTrigger = $('.header-search-toggle'),
|
|
endTriggersearch = $('button.search-close'),
|
|
container = $('.main-search-active');
|
|
|
|
searchTrigger.on('click', function() {
|
|
container.addClass('inside');
|
|
});
|
|
|
|
endTriggersearch.on('click', function() {
|
|
container.removeClass('inside');
|
|
});
|
|
|
|
};
|
|
sidebarSearch();
|
|
/*--
|
|
- Background Image
|
|
------------------------------------------*/
|
|
var $backgroundImage = $('.bg-image');
|
|
$backgroundImage.each(function() {
|
|
var $this = $(this),
|
|
$bgImage = $this.data('bg');
|
|
$this.css('background-image', 'url(' + $bgImage + ')');
|
|
});
|
|
|
|
/*------------------------------
|
|
Nice Select Active
|
|
---------------------------------*/
|
|
$('select').niceSelect();
|
|
|
|
/*--
|
|
Sliders
|
|
-----------------------------------*/
|
|
// Hero Slider
|
|
$('.hero-slider').slick({
|
|
infinite: true,
|
|
fade: true,
|
|
dots: false,
|
|
prevArrow: '<button class="slick-prev"><i class="bi bi-chevron-left"></i></button>',
|
|
nextArrow: '<button class="slick-next"><i class="bi bi-chevron-right"></i></button>',
|
|
responsive: [{
|
|
breakpoint: 992,
|
|
settings: {
|
|
dots: true,
|
|
arrows: false,
|
|
}
|
|
}, ]
|
|
});
|
|
// Testimonial Slider
|
|
$('.testimonial-slider-content').slick({
|
|
infinite: true,
|
|
arrows: false,
|
|
fade: false,
|
|
dots: true,
|
|
slidesToShow: 1,
|
|
slidesToScroll: 1,
|
|
adaptiveHeight: true,
|
|
prevArrow: '<button class="slick-prev"><i class="fa fa-chevron-left"></i></button>',
|
|
nextArrow: '<button class="slick-next"><i class="fa fa-chevron-right"></i></button>',
|
|
responsive: [{
|
|
breakpoint: 1501,
|
|
settings: {
|
|
slidesToShow: 1,
|
|
}
|
|
},
|
|
{
|
|
breakpoint: 1199,
|
|
settings: {
|
|
slidesToShow: 1,
|
|
}
|
|
},
|
|
{
|
|
breakpoint: 992,
|
|
settings: {
|
|
slidesToShow: 1,
|
|
}
|
|
},
|
|
{
|
|
breakpoint: 768,
|
|
settings: {
|
|
slidesToShow: 1,
|
|
}
|
|
},
|
|
{
|
|
breakpoint: 575,
|
|
settings: {
|
|
slidesToShow: 1,
|
|
}
|
|
},
|
|
]
|
|
});
|
|
// Brand Slider
|
|
$('.brand-slider').slick({
|
|
infinite: true,
|
|
arrows: false,
|
|
dots: true,
|
|
slidesToShow: 5,
|
|
slidesToScroll: 5,
|
|
responsive: [{
|
|
breakpoint: 1199,
|
|
settings: {
|
|
slidesToShow: 4,
|
|
}
|
|
},
|
|
{
|
|
breakpoint: 992,
|
|
settings: {
|
|
slidesToShow: 3,
|
|
}
|
|
},
|
|
{
|
|
breakpoint: 768,
|
|
settings: {
|
|
slidesToShow: 3,
|
|
}
|
|
},
|
|
{
|
|
breakpoint: 479,
|
|
settings: {
|
|
slidesToShow: 2,
|
|
}
|
|
},
|
|
]
|
|
});
|
|
// Work Slider
|
|
$('.product-slider').slick({
|
|
infinite: true,
|
|
arrows: true,
|
|
dots: false,
|
|
slidesToShow: 4,
|
|
slidesToScroll: 1,
|
|
prevArrow: '<button class="slick-prev"><i class="fa fa-angle-left"></i></button>',
|
|
nextArrow: '<button class="slick-next"><i class="fa fa-angle-right"></i></button>',
|
|
responsive: [{
|
|
breakpoint: 1200,
|
|
settings: {
|
|
slidesToShow: 3,
|
|
}
|
|
},
|
|
{
|
|
breakpoint: 992,
|
|
settings: {
|
|
slidesToShow: 2,
|
|
}
|
|
},
|
|
{
|
|
breakpoint: 768,
|
|
settings: {
|
|
slidesToShow: 2,
|
|
}
|
|
},
|
|
{
|
|
breakpoint: 576,
|
|
settings: {
|
|
slidesToShow: 1,
|
|
arrows: false,
|
|
autoplay: true
|
|
}
|
|
},
|
|
]
|
|
});
|
|
/*-----------------------------------
|
|
Single Product Slide Menu Active
|
|
--------------------------------------*/
|
|
$('.product-details-images').each(function() {
|
|
var $this = $(this);
|
|
var $thumb = $this.siblings('.product-details-thumbs');
|
|
$this.slick({
|
|
arrows: false,
|
|
slidesToShow: 1,
|
|
slidesToScroll: 1,
|
|
autoplay: false,
|
|
autoplaySpeed: 5000,
|
|
dots: false,
|
|
infinite: true,
|
|
centerMode: false,
|
|
centerPadding: 0,
|
|
asNavFor: $thumb,
|
|
});
|
|
});
|
|
$('.product-details-thumbs').each(function() {
|
|
var $this = $(this);
|
|
var $details = $this.siblings('.product-details-images');
|
|
$this.slick({
|
|
slidesToShow: 4,
|
|
slidesToScroll: 1,
|
|
autoplay: false,
|
|
autoplaySpeed: 5000,
|
|
arrows: false,
|
|
dots: false,
|
|
infinite: true,
|
|
focusOnSelect: true,
|
|
centerMode: true,
|
|
centerPadding: 0,
|
|
prevArrow: '<span class="slick-prev"><i class="fa fa-angle-left"></i></span>',
|
|
nextArrow: '<span class="slick-next"><i class="fa fa-angle-right"></i></span>',
|
|
asNavFor: $details,
|
|
responsive: [{
|
|
breakpoint: 1024,
|
|
settings: {}
|
|
},
|
|
{
|
|
breakpoint: 600,
|
|
settings: {}
|
|
},
|
|
{
|
|
breakpoint: 480,
|
|
settings: {
|
|
slidesToShow: 2,
|
|
}
|
|
}
|
|
]
|
|
|
|
});
|
|
});
|
|
/* Product Details 2 Images Slider */
|
|
$('.product-details-images-2').each(function() {
|
|
var $this = $(this);
|
|
var $thumb = $this.siblings('.product-details-thumbs-2');
|
|
$this.slick({
|
|
arrows: false,
|
|
slidesToShow: 1,
|
|
slidesToScroll: 1,
|
|
autoplay: false,
|
|
autoplaySpeed: 5000,
|
|
dots: false,
|
|
infinite: true,
|
|
centerMode: false,
|
|
centerPadding: 0,
|
|
asNavFor: $thumb,
|
|
});
|
|
});
|
|
$('.product-details-thumbs-2').each(function() {
|
|
var $this = $(this);
|
|
var $details = $this.siblings('.product-details-images-2');
|
|
$this.slick({
|
|
arrows: false,
|
|
slidesToShow: 4,
|
|
slidesToScroll: 1,
|
|
autoplay: false,
|
|
autoplaySpeed: 5000,
|
|
vertical: true,
|
|
verticalSwiping: true,
|
|
dots: false,
|
|
infinite: true,
|
|
focusOnSelect: true,
|
|
centerMode: false,
|
|
centerPadding: 0,
|
|
prevArrow: '<span class="slick-prev"><i class="fa fa-angle-up"></i></span>',
|
|
nextArrow: '<span class="slick-next"><i class="fa fa-angle-down"></i></span>',
|
|
asNavFor: $details,
|
|
responsive: [{
|
|
breakpoint: 1200,
|
|
settings: {
|
|
slidesToShow: 2,
|
|
}
|
|
},
|
|
{
|
|
breakpoint: 991,
|
|
settings: {
|
|
slidesToShow: 3,
|
|
}
|
|
},
|
|
{
|
|
breakpoint: 767,
|
|
settings: {
|
|
slidesToShow: 2,
|
|
}
|
|
},
|
|
{
|
|
breakpoint: 479,
|
|
settings: {
|
|
slidesToShow: 2,
|
|
}
|
|
}
|
|
]
|
|
});
|
|
});
|
|
$('.slider-lg-image-1').slick({
|
|
infinite: true,
|
|
arrows: true,
|
|
dots: false,
|
|
slidesToShow: 4,
|
|
slidesToScroll: 1,
|
|
prevArrow: '<button class="slick-prev"><i class="fa fa-angle-left"></i></button>',
|
|
nextArrow: '<button class="slick-next"><i class="fa fa-angle-right"></i></button>',
|
|
responsive: [{
|
|
breakpoint: 1199,
|
|
settings: {
|
|
slidesToShow: 3,
|
|
}
|
|
},
|
|
{
|
|
breakpoint: 992,
|
|
settings: {
|
|
slidesToShow: 2,
|
|
}
|
|
},
|
|
{
|
|
breakpoint: 768,
|
|
settings: {
|
|
slidesToShow: 2,
|
|
}
|
|
},
|
|
{
|
|
breakpoint: 576,
|
|
settings: {
|
|
slidesToShow: 1,
|
|
arrows: false,
|
|
autoplay: true
|
|
}
|
|
},
|
|
]
|
|
});
|
|
/* Blog Slider Active */
|
|
$('.blog-gallery').slick({
|
|
infinite: true,
|
|
arrows: false,
|
|
dots: false,
|
|
slidesToShow: 1,
|
|
slidesToScroll: 1,
|
|
autoplay: true,
|
|
prevArrow: '<button class="slick-prev"><i class="fa fa-angle-left"></i></button>',
|
|
nextArrow: '<button class="slick-next"><i class="fa fa-angle-right"></i></button>',
|
|
});
|
|
|
|
|
|
/*-----------------------------------
|
|
Price slider Active
|
|
----------------------------------*/
|
|
$('#price-range').slider({
|
|
range: true,
|
|
min: 0,
|
|
max: 1000,
|
|
values: [0, 900],
|
|
slide: function(event, ui) {
|
|
$('#price-amount').val('$' + ui.values[0] + ' - $' + ui.values[1]);
|
|
}
|
|
});
|
|
$('#price-amount').val('$' + $('#price-range').slider('values', 0) +
|
|
' - $' + $('#price-range').slider('values', 1));
|
|
|
|
/*-----------------------------------
|
|
Count Down Active
|
|
----------------------------------*/
|
|
$('[data-countdown]').each(function() {
|
|
var $this = $(this),
|
|
finalDate = $(this).data('countdown');
|
|
$this.countdown(finalDate, function(event) {
|
|
$this.html(event.strftime('<div class="single-countdown big-font"><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">h</span></div><div class="single-countdown"><span class="single-countdown-time">%M</span><span class="single-countdown-text">m</span></div><div class="single-countdown"><span class="single-countdown-time">%S</span><span class="single-countdown-text">s</span></div>'));
|
|
});
|
|
});
|
|
$('[data-countdown2]').each(function() {
|
|
var $this = $(this),
|
|
finalDate = $(this).data('countdown2');
|
|
$this.countdown(finalDate, function(event) {
|
|
$this.html(event.strftime('<div class="single-count"><span class="single-countdown-times">%D</span><span class="single-countdown-content">Days</span></div><div class="single-count"><span class="single-countdown-times">%H</span><span class="single-countdown-content">Hours</span></div><div class="single-count"><span class="single-countdown-times">%M</span><span class="single-countdown-content">Mins</span></div><div class="single-count"><span class="single-countdown-times">%S</span><span class="single-countdown-content">Secs</span></div>'));
|
|
});
|
|
});
|
|
|
|
/*----------------------------------
|
|
ScrollUp Active
|
|
-----------------------------------*/
|
|
$.scrollUp({
|
|
scrollText: '<i class="bi bi-arrow-up"></i>',
|
|
easingType: 'linear',
|
|
scrollSpeed: 900,
|
|
animation: 'fade'
|
|
});
|
|
|
|
/*------------------------
|
|
Sticky Sidebar Active
|
|
-------------------------*/
|
|
$('#sticky-sidebar').theiaStickySidebar({
|
|
// Settings
|
|
additionalMarginTop: 120
|
|
})
|
|
|
|
/*-----
|
|
Quantity
|
|
--------------------------------*/
|
|
$('.pro-qty').prepend('<button class="dec qtybtn">-</button>');
|
|
$('.pro-qty').append('<button class="inc qtybtn">+</button>');
|
|
$('.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);
|
|
});
|
|
/* -------------------------
|
|
Venobox Active
|
|
* --------------------------*/
|
|
$('.venobox').venobox({
|
|
border: '10px',
|
|
titleattr: 'data-title',
|
|
numeratio: true,
|
|
infinigall: true
|
|
});
|
|
/* --------------------------------------------------------
|
|
FAQ Accordion
|
|
* -------------------------------------------------------*/
|
|
$('.card-header a').on('click', function() {
|
|
$('.card').removeClass('actives');
|
|
$(this).parents('.card').addClass('actives');
|
|
});
|
|
|
|
/*-----
|
|
Shipping Form Toggle
|
|
--------------------------------*/
|
|
$('[data-shipping]').on('click', function() {
|
|
if ($('[data-shipping]:checked').length > 0) {
|
|
$('#shipping-form').slideDown();
|
|
} else {
|
|
$('#shipping-form').slideUp();
|
|
}
|
|
})
|
|
|
|
/*-----
|
|
Payment Method Select
|
|
--------------------------------*/
|
|
$('[name="payment-method"]').on('click', function() {
|
|
|
|
var $value = $(this).attr('value');
|
|
|
|
$('.single-method p').slideUp();
|
|
$('[data-method="' + $value + '"]').slideDown();
|
|
|
|
})
|
|
|
|
/*--
|
|
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').html('' + resp.msg).fadeIn(900);
|
|
$('.mailchimp-error').fadeOut(400);
|
|
|
|
} else if (resp.result === 'error') {
|
|
$('.mailchimp-error').html('' + resp.msg).fadeIn(900);
|
|
}
|
|
}
|
|
|
|
/*--
|
|
Conatact Map
|
|
-----------------------------------*/
|
|
if ($('.contact-map').length) {
|
|
function initialize() {
|
|
var mapOptions = {
|
|
zoom: 14,
|
|
scrollwheel: false,
|
|
center: new google.maps.LatLng(40.730610, -73.935242)
|
|
};
|
|
var map = new google.maps.Map(document.getElementById('contact-map'), mapOptions);
|
|
var marker = new google.maps.Marker({
|
|
position: map.getCenter(),
|
|
map: map,
|
|
animation: google.maps.Animation.BOUNCE
|
|
});
|
|
|
|
}
|
|
google.maps.event.addDomListener(window, 'load', initialize);
|
|
}
|
|
|
|
})(jQuery); |