first commit
This commit is contained in:
Executable
+561
@@ -0,0 +1,561 @@
|
||||
(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);
|
||||
Reference in New Issue
Block a user