| Current File : /home/viralhoga/public_html/js/main2.js |
/*==============================
zoom js
==============================*/
function zoom(e) {
var zoomer = e.currentTarget;
e.offsetX ? offsetX = e.offsetX : offsetX = e.touches[0].pageX
e.offsetY ? offsetY = e.offsetY : offsetX = e.touches[0].pageX
x = offsetX / zoomer.offsetWidth * 100
y = offsetY / zoomer.offsetHeight * 100
zoomer.style.backgroundPosition = x + '% ' + y + '%';
}
/*==============================
popup js
==============================*/
$(window).on('load', function () {
var popup = localStorage.getItem('popup_value');
if (popup != 1) {
$('#news-letter-modal').modal('show');
}
/*==============================
pre-loader js
==============================*/
$('.preloader').delay(100).fadeOut('fast');
});
(function ($) {
"use strict";
/*==============================
sticky header js
==============================*/
var lastScrollTop = 0;
$(document).on("scroll", function () {
var scroll = $(this).scrollTop();
if (scroll > lastScrollTop) {
$('.header-area').addClass('sticky-down');
$('.header-area').removeClass('sticky-up');
}
else {
if (lastScrollTop <= 100) {
$('.header-area').removeClass('sticky');
$('.header-area').removeClass('sticky-down');
$('.header-area').removeClass('sticky-up');
}
else {
$('.header-area').addClass('sticky');
$('.header-area').removeClass('sticky-down');
$('.header-area').addClass('sticky-up');
}
}
lastScrollTop = scroll;
});
/*==============================
menu js
==============================*/
$('button.toggler-button').on('click', function () {
$('#menu-toggle').addClass("active");
$('.screen-bg').addClass("active");
$('html').addClass("hidden");
});
$('button.close-menu').on('click', function () {
$('#menu-toggle').removeClass("active");
$('.screen-bg').removeClass("active");
$('html').removeClass("hidden");
});
/*==============================
filter js
==============================*/
$('button.filter-button').on('click', function () {
$('.filter-sidebar').addClass("active");
$('.screen-bg').addClass("active");
});
$('button.close-filter-sidebar').on('click', function () {
$('.filter-sidebar').removeClass("active");
$('.screen-bg').removeClass("active");
});
/*==============================
cart js
==============================*/
$('a.cart-count').on('click', function () {
$('.mini-cart').addClass("active");
$('body').addClass("hidden");
$('.screen-bg').addClass("active");
});
$('button.cart-close').on('click', function () {
$('.mini-cart').removeClass("active");
$('body').removeClass("hidden");
$('.screen-bg').removeClass("active");
});
$('.add-to-cart').on('click', function () {
$('.mini-cart').addClass("active");
$('.screen-bg').addClass("active");
});
/*==============================
screen-bg js
==============================*/
$('.screen-bg').on('click', function () {
$('#menu-toggle').removeClass("active");
$('.filter-sidebar').removeClass("active");
$('.mini-cart').removeClass("active");
$(this).removeClass("active");
$('body').removeClass("hidden");
});
/*==============================
read-agree js
==============================*/
$('label.box-area, .read-agree').on('click', function () {
if ($('.cust-checkbox, .create-checkbox').is(':checked')) {
$('.checkout, .create').removeClass('disabled');
}
else {
$('.checkout, .create').addClass('disabled');
}
});
/*==============================
home-slider js
==============================*/
var menu = ['EARBUDS S9','VR BOX','HEADPHONES']
var swiper = new Swiper('#home-slider', {
slidesPerView: 1,
speed: 1000,
observer: true,
observeParents: true,
watchSlidesProgress: true,
navigation: {
nextEl: '.swiper-next',
prevEl: '.swiper-prev',
},
pagination: {
el: ".swiper-pagination",
clickable: true,
renderBullet: function (index, className) {
return '<span class="' + className + '">' + (menu[index]) + '</span>';
},
},
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
autoplaySpeed: 250,
});
/*==============================
slider-category js
==============================*/
var swiper = new Swiper('.swiper#category-slider', {
slidesPerView: 3,
grid: {
rows: 2,
fill: 'row' | 'column',
},
spaceBetween: 30,
observer: true,
observeParents: true,
watchSlidesProgress: true,
navigation: {
nextEl: '.swiper-next',
prevEl: '.swiper-prev',
},
pagination: {
el: ".swiper-pagination",
clickable: true
},
autoplay: {
delay: 5000,
disableOnInteraction: false,
pauseOnMouseEnter: true
},
breakpoints: {
0: {
slidesPerView: 1,
grid: {
rows: 2,
fill: 'row' | 'column',
},
spaceBetween: 12
},
320: {
slidesPerView: 1,
grid: {
rows: 2,
fill: 'row' | 'column',
},
spaceBetween: 12
},
360: {
slidesPerView: 1,
grid: {
rows: 2,
fill: 'row' | 'column',
},
spaceBetween: 12
},
540: {
slidesPerView: 2,
grid: {
rows: 2,
fill: 'row' | 'column',
},
spaceBetween: 12
},
640: {
slidesPerView: 2,
grid: {
rows: 2,
fill: 'row' | 'column',
},
spaceBetween: 12
},
768: {
slidesPerView: 2,
grid: {
rows: 2,
fill: 'row' | 'column',
},
spaceBetween: 30
},
1024: {
slidesPerView: 2,
grid: {
rows: 2,
fill: 'row' | 'column',
},
spaceBetween: 30
},
1299: {
slidesPerView: 3,
grid: {
rows: 2,
fill: 'row' | 'column',
},
spaceBetween: 30
},
1399: {
slidesPerView: 3,
grid: {
rows: 2,
fill: 'row' | 'column',
},
spaceBetween: 30
}
}
});
/*==============================
testimonial js
==============================*/
$('#testimonial-slider').owlCarousel({
items: 1,
margin: 30,
nav: false,
navText: ['<i class=" feather-arrow-left"></i>','<i class=" feather-arrow-right"></i>'],
responsive: {
0: {
items: 1,
margin: 15
},
479: {
items: 1,
margin: 15
},
540: {
items: 1,
margin: 15
},
640: {
items: 1,
margin: 15
},
768: {
items: 1
},
979: {
items: 1
},
1199: {
items: 1
}
}
});
/*==============================
slick slider js
==============================*/
var swiper = new Swiper('#deal-timer', {
slidesPerView: 1,
grid: {
rows: 1,
fill: 'row' | 'column',
},
spaceBetween: 30,
observer: true,
observeParents: true,
watchSlidesProgress: true,
navigation: {
nextEl: '.swiper-next',
prevEl: '.swiper-prev',
},
pagination: {
el: ".swiper-pagination",
clickable: true
},
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
autoplaySpeed: 250,
breakpoints: {
0: {
slidesPerView: 1,
grid: {
rows: 1,
fill: 'row' | 'column',
},
spaceBetween: 12
},
320: {
slidesPerView: 1,
grid: {
rows: 1,
fill: 'row' | 'column',
},
spaceBetween: 12
},
360: {
slidesPerView: 1,
grid: {
rows: 1,
fill: 'row' | 'column',
},
spaceBetween: 12
},
540: {
slidesPerView: 2,
grid: {
rows: 1,
fill: 'row' | 'column',
},
spaceBetween: 12
},
640: {
slidesPerView: 2,
grid: {
rows: 1,
fill: 'row' | 'column',
},
spaceBetween: 12
},
768: {
slidesPerView: 2,
grid: {
rows: 1,
fill: 'row' | 'column',
},
spaceBetween: 30
},
1024: {
slidesPerView: 3,
grid: {
rows: 1,
fill: 'row' | 'column',
},
spaceBetween: 30
},
1199: {
slidesPerView: 1,
grid: {
rows: 1,
fill: 'row' | 'column',
},
spaceBetween: 30
}
}
});
/*==============================
slick slider js
==============================*/
$('.slider-for').slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: true,
fade: true,
infinite: true,
asNavFor: '.slider-nav',
adaptiveHeight: true,
responsive: [
{
breakpoint: 600,
settings: {
arrows: false
}
}
]
});
$('.slider-nav').slick({
slidesToShow: 3,
slidesToScroll: 1,
asNavFor: '.slider-for',
dots: false,
arrows: false,
centerMode: true,
centerPadding: '0px',
focusOnSelect: true,
responsive: [
{
breakpoint: 767,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
dots: true
}
}
]
});
// magnificPopup
$('.full-view').on('click', function () {
$(this).next().magnificPopup('open');
});
$('.slider-big, .style2-slider-big, .style4-slider-big, .slider-big-6, .slider-big-7').magnificPopup({
delegate: 'a',
type: 'image',
showCloseBtn: true,
closeBtnInside: false,
midClick: true,
tLoading: 'Loading image #%curr%...',
mainClass: 'mfp-img-mobile',
gallery: {
enabled: true,
navigateByImgClick: true,
preload: [0, 1] // Will preload 0 - before current, and 1 after the current image
},
image: {
tError: '<a href="%url%">The image #%curr%</a> could not be loaded.'
}
});
/*==============================
timer js
==============================*/
setInterval(function time(){
var d = new Date();
var days = d.getDay();
var hours = 24 - d.getHours();
var min = 60 - d.getMinutes();
if((min + '').length == 1){
min = '0' + min;
}
var sec = 60 - d.getSeconds();
if((sec + '').length == 1){
sec = '0' + sec;
}
jQuery('#the-24h-countdown ul').php('<li class="banner-countdown"><span class="banner-countdown-timer">'+days+'</span><span class="banner-countdown-title">Day</span></li><li class="banner-countdown"><span class="banner-countdown-timer">'+hours+'</span><span class="banner-countdown-title">Hrs</span></li><li class="banner-countdown"><span class="banner-countdown-timer">'+min+'</span><span class="banner-countdown-title">Min</span></li><li class="banner-countdown"><span class="banner-countdown-timer">'+sec+'</span><span class="banner-countdown-title">Sec</span></li>')
}, 1000);
/*==============================
special-category js
==============================*/
var swiper = new Swiper('.swiper#special-category', {
slidesPerView: 4,
spaceBetween: 30,
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
observer: true,
observeParents: true,
watchSlidesProgress: true,
grid: {
rows: 1,
fill: 'row' | 'column'
},
navigation: {
nextEl: '.swiper-next',
prevEl: '.swiper-prev',
},
breakpoints: {
0: {
slidesPerView: 1,
grid: {
rows: 1,
fill: 'row' | 'column'
},
spaceBetween: 12
},
320: {
slidesPerView: 1,
grid: {
rows: 1,
fill: 'row' | 'column'
},
spaceBetween: 12
},
360: {
slidesPerView: 2,
grid: {
rows: 1,
fill: 'row' | 'column'
},
spaceBetween: 12
},
540: {
slidesPerView: 2,
grid: {
rows: 1,
fill: 'row' | 'column'
},
spaceBetween: 12
},
640: {
slidesPerView: 2,
grid: {
rows: 1,
fill: 'row' | 'column'
},
spaceBetween: 12
},
768: {
slidesPerView: 2,
grid: {
rows: 1,
fill: 'row' | 'column'
},
spaceBetween: 30
},
1024: {
slidesPerView: 3,
grid: {
rows: 1,
fill: 'row' | 'column'
},
spaceBetween: 30
},
1199: {
slidesPerView: 4,
grid: {
rows: 1,
fill: 'row' | 'column'
},
spaceBetween: 30
}
}
});
/*==============================
feature-slider js
==============================*/
var swiper = new Swiper('.swiper#feature', {
slidesPerView: 3,
grid: {
rows: 3,
fill: 'row' | 'column',
},
spaceBetween: 30,
observer: true,
observeParents: true,
watchSlidesProgress: false,
navigation: {
nextEl: '.swiper-next',
prevEl: '.swiper-prev',
},
breakpoints: {
0: {
slidesPerView: 1,
grid: {
rows: 3,
fill: 'row' | 'column',
},
spaceBetween: 12
},
320: {
slidesPerView: 1,
grid: {
rows: 3,
fill: 'row' | 'column',
},
spaceBetween: 12
},
360: {
slidesPerView: 1,
grid: {
rows: 3,
fill: 'row' | 'column',
},
spaceBetween: 12
},
540: {
slidesPerView: 1,
grid: {
rows: 3,
fill: 'row' | 'column',
},
spaceBetween: 12
},
640: {
slidesPerView: 2,
grid: {
rows: 3,
fill: 'row' | 'column',
},
spaceBetween: 12
},
768: {
slidesPerView: 2,
grid: {
rows: 3,
fill: 'row' | 'column',
},
spaceBetween: 30
},
1024: {
slidesPerView: 2,
grid: {
rows: 3,
fill: 'row' | 'column',
},
spaceBetween: 30
},
1199: {
slidesPerView: 3,
grid: {
rows: 3,
fill: 'row' | 'column',
},
spaceBetween: 30
},
1299: {
slidesPerView: 3,
grid: {
rows: 3,
fill: 'row' | 'column',
},
spaceBetween: 30
},
1399: {
slidesPerView: 3,
grid: {
rows: 3,
fill: 'row' | 'column',
},
spaceBetween: 30
},
1499: {
slidesPerView: 3,
grid: {
rows: 3,
fill: 'row' | 'column',
},
spaceBetween: 30
}
}
});
/*==============================
blog-slider js
==============================*/
var swiper = new Swiper('.swiper#blog-template', {
slidesPerView: 3,
spaceBetween: 30,
observer: true,
observeParents: true,
watchSlidesProgress: true,
navigation: {
nextEl: '.swiper-next',
prevEl: '.swiper-prev',
},
pagination: {
el: ".swiper-pagination",
clickable: true
},
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
autoplaySpeed: 250,
breakpoints: {
0: {
slidesPerView: 1,
spaceBetween: 12
},
320: {
slidesPerView: 1,
spaceBetween: 12
},
360: {
slidesPerView: 1,
spaceBetween: 12
},
540: {
slidesPerView: 2,
spaceBetween: 12
},
640: {
slidesPerView: 2,
spaceBetween: 12
},
768: {
slidesPerView: 2,
spaceBetween: 30
},
1024: {
slidesPerView: 3,
spaceBetween: 30
},
1199: {
slidesPerView: 3,
spaceBetween: 30
},
1499: {
slidesPerView: 3,
spaceBetween: 30
},
1599: {
slidesPerView: 3,
spaceBetween: 30
}
}
});
/*==============================
related blog slider js
==============================*/
$('#related-blog-slider').owlCarousel({
items: 3,
margin: 30,
nav: false,
navText: ['<i class="fas fa-chevron-left">', '<i class="fas fa-chevron-right"></i>'],
dots: false,
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
responsive: {
0: {
items: 1,
margin: 12
},
479: {
items: 1,
margin: 12
},
768: {
items: 2
},
979: {
items: 2
},
1199: {
items: 3
}
}
});
/*==============================
related-product-tab js
==============================*/
var swiper = new Swiper('.swiper#related-slider', {
slidesPerView: 4,
spaceBetween: 30,
grid: {
rows: 1,
fill: 'row' | 'column'
},
observer: true,
observeParents: true,
watchSlidesProgress: true,
navigation: {
prevEl: '.new-swiper-prev',
nextEl: '.new-swiper-next'
},
pagination: {
el: '.swiper-pagination-new',
clickable: true
},
breakpoints: {
0: {
slidesPerView: 1,
grid: {
rows: 1,
fill: 'row' | 'column'
},
spaceBetween: 12
},
320: {
slidesPerView: 1,
grid: {
rows: 1,
fill: 'row' | 'column'
},
spaceBetween: 12
},
360: {
slidesPerView: 2,
grid: {
rows: 1,
fill: 'row' | 'column'
},
spaceBetween: 12
},
540: {
slidesPerView: 2,
grid: {
rows: 1,
fill: 'row' | 'column'
},
spaceBetween: 12
},
640: {
slidesPerView: 2,
grid: {
rows: 1,
fill: 'row' | 'column'
},
spaceBetween: 12
},
768: {
slidesPerView: 2,
grid: {
rows: 1,
fill: 'row' | 'column'
},
spaceBetween: 30
},
1024: {
slidesPerView: 3,
grid: {
rows: 1,
fill: 'row' | 'column'
},
spaceBetween: 30
},
1199: {
slidesPerView: 4,
grid: {
rows: 1,
fill: 'row' | 'column'
},
spaceBetween: 30
}
}
});
/*==============================
related-slider5 js
==============================*/
var swiper = new Swiper('.swiper#related-slider5', {
spaceBetween: 30,
observer: true,
observeParents: true,
watchSlidesProgress: true,
autoplay: false,
autoplayTimeout: 5000,
autoplayHoverPause: true,
grid: {
rows: 1,
fill: 'row' | 'column'
},
navigation: {
prevEl: '.new-swiper-prev',
nextEl: '.new-swiper-next'
},
pagination: {
el: '.swiper-pagination-new',
clickable: true,
},
breakpoints: {
0: {
slidesPerView: 1,
grid: {
rows: 1,
fill: 'row' | 'column'
},
spaceBetween: 12
},
320: {
slidesPerView: 1,
grid: {
rows: 1,
fill: 'row' | 'column'
},
spaceBetween: 12
},
360: {
slidesPerView: 2,
grid: {
rows: 1,
fill: 'row' | 'column'
},
spaceBetween: 12
},
540: {
slidesPerView: 2,
grid: {
rows: 1,
fill: 'row' | 'column'
},
spaceBetween: 12
},
640: {
slidesPerView: 2,
grid: {
rows: 1,
fill: 'row' | 'column'
},
spaceBetween: 12
},
768: {
slidesPerView: 2,
grid: {
rows: 1,
fill: 'row' | 'column'
},
spaceBetween: 30
},
1024: {
slidesPerView: 3,
grid: {
rows: 1,
fill: 'row' | 'column'
},
spaceBetween: 30
},
1199: {
slidesPerView: 5,
grid: {
rows: 1,
fill: 'row' | 'column'
},
spaceBetween: 30
}
}
});
/*===================================
cart-pro-template js
===================================*/
var swiper = new Swiper('.swiper#pro-template', {
slidesPerView: 4,
spaceBetween: 30,
grid: {
rows: 1,
fill: 'row' | 'column'
},
observer: true,
observerParents: true,
watchSlidesProgress: true,
navigation: {
prevEl: '.new-swiper-prev',
nextEl: '.new-swiper-next'
},
pagination: {
el: '.swiper-pagination-new',
clickable: true
},
breakpoints: {
0: {
slidesPerView: 1,
grid: {
rows: 1,
fill: 'row' | 'column'
},
spaceBetween: 12
},
320: {
slidesPerView: 1,
grid: {
rows: 1,
fill: 'row' | 'column'
},
spaceBetween: 12
},
360: {
slidesPerView: 2,
grid: {
rows: 1,
fill: 'row' | 'column'
},
spaceBetween: 12
},
640: {
slidesPerView: 2,
grid: {
rows: 1,
fill: 'row' | 'column'
},
spaceBetween: 12
},
768: {
slidesPerView: 2,
grid: {
rows: 1,
fill: 'row' | 'column'
},
spaceBetween: 30
},
1024: {
slidesPerView: 4,
grid: {
rows: 1,
fill: 'row' | 'column'
},
spaceBetween: 30
},
1199: {
slidesPerView: 4,
grid: {
rows: 1,
fill: 'row' | 'column'
},
spaceBetween: 30
}
}
});
/*==============================
deal-timer js
==============================*/
if ($('#day1').length) {
var deadline1 = new Date("december 30, 2024 23:59:59").getTime();
var x = setInterval(function () {
var currentTime = new Date().getTime();
var t = deadline1 - currentTime;
var days = Math.floor(t / (1000 * 60 * 60 * 24));
var hours = Math.floor((t % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((t % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((t % (1000 * 60)) / 1000);
document.getElementById("day1").innerHTML = days;
document.getElementById("hrs1").innerHTML = hours;
document.getElementById("min1").innerHTML = minutes;
document.getElementById("sec1").innerHTML = seconds;
if (t < 0) {
clearInterval(x);
document.getElementById("day1").innerHTML = '0';
document.getElementById("hrs1").innerHTML = '0';
document.getElementById("min1").innerHTML = '0';
document.getElementById("sec1").innerHTML = '0';
}
}, 1000);
}
/*==============================
deal js
==============================*/
if ($('#counter-event1').length) {
var deadline1 = new Date("december 30, 2027 23:59:59").getTime();
var x = setInterval(function() {
var currentTime = new Date().getTime();
var t = deadline1 - currentTime;
var days = Math.floor(t / (1000 * 60 * 60 * 24));
var hours = Math.floor((t%(1000 * 60 * 60 * 24))/(1000 * 60 * 60));
var minutes = Math.floor((t % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((t % (1000 * 60)) / 1000);
document.getElementById("days1").innerHTML = days ;
document.getElementById("hours1").innerHTML = hours;
document.getElementById("minutes1").innerHTML = minutes;
document.getElementById("seconds1").innerHTML = seconds;
if (t < 0) {
clearInterval(x);
document.getElementById("days1").innerHTML = '0';
document.getElementById("hours1").innerHTML = '0';
document.getElementById("minutes1").innerHTML = '0' ;
document.getElementById("seconds1").innerHTML = '0';
}
}, 1000);
}
if ($('#counter-event2').length) {
var deadline1 = new Date("december 30, 2025 23:59:59").getTime();
var x = setInterval(function() {
var currentTime = new Date().getTime();
var t = deadline1 - currentTime;
var days = Math.floor(t / (1000 * 60 * 60 * 24));
var hours = Math.floor((t%(1000 * 60 * 60 * 24))/(1000 * 60 * 60));
var minutes = Math.floor((t % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((t % (1000 * 60)) / 1000);
document.getElementById("days2").innerHTML = days ;
document.getElementById("hours2").innerHTML = hours;
document.getElementById("minutes2").innerHTML = minutes;
document.getElementById("seconds2").innerHTML = seconds;
if (t < 0) {
clearInterval(x);
document.getElementById("days2").innerHTML = '0';
document.getElementById("hours2").innerHTML = '0';
document.getElementById("minutes2").innerHTML = '0' ;
document.getElementById("seconds2").innerHTML = '0';
}
}, 1000);
}
if ($('#counter-event3').length) {
var deadline1 = new Date("jun 12, 2026 23:59:59").getTime();
var x = setInterval(function() {
var currentTime = new Date().getTime();
var t = deadline1 - currentTime;
var days = Math.floor(t / (1000 * 60 * 60 * 24));
var hours = Math.floor((t%(1000 * 60 * 60 * 24))/(1000 * 60 * 60));
var minutes = Math.floor((t % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((t % (1000 * 60)) / 1000);
document.getElementById("days3").innerHTML = days ;
document.getElementById("hours3").innerHTML = hours;
document.getElementById("minutes3").innerHTML = minutes;
document.getElementById("seconds3").innerHTML = seconds;
if (t < 0) {
clearInterval(x);
document.getElementById("days3").innerHTML = '0';
document.getElementById("hours3").innerHTML = '0';
document.getElementById("minutes3").innerHTML = '0' ;
document.getElementById("seconds3").innerHTML = '0';
}
}, 1000);
}
if ($('#counter-event4').length) {
var deadline1 = new Date("april 22, 2025 23:59:59").getTime();
var x = setInterval(function() {
var currentTime = new Date().getTime();
var t = deadline1 - currentTime;
var days = Math.floor(t / (1000 * 60 * 60 * 24));
var hours = Math.floor((t%(1000 * 60 * 60 * 24))/(1000 * 60 * 60));
var minutes = Math.floor((t % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((t % (1000 * 60)) / 1000);
document.getElementById("days4").innerHTML = days ;
document.getElementById("hours4").innerHTML = hours;
document.getElementById("minutes4").innerHTML = minutes;
document.getElementById("seconds4").innerHTML = seconds;
if (t < 0) {
clearInterval(x);
document.getElementById("days4").innerHTML = '0';
document.getElementById("hours4").innerHTML = '0';
document.getElementById("minutes4").innerHTML = '0' ;
document.getElementById("seconds4").innerHTML = '0';
}
}, 1000);
}
if ($('#counter-event5').length) {
var deadline1 = new Date("february 26, 2024 23:59:59").getTime();
var x = setInterval(function() {
var currentTime = new Date().getTime();
var t = deadline1 - currentTime;
var days = Math.floor(t / (1000 * 60 * 60 * 24));
var hours = Math.floor((t%(1000 * 60 * 60 * 24))/(1000 * 60 * 60));
var minutes = Math.floor((t % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((t % (1000 * 60)) / 1000);
document.getElementById("days5").innerHTML = days ;
document.getElementById("hours5").innerHTML = hours;
document.getElementById("minutes5").innerHTML = minutes;
document.getElementById("seconds5").innerHTML = seconds;
if (t < 0) {
clearInterval(x);
document.getElementById("days5").innerHTML = '0';
document.getElementById("hours5").innerHTML = '0';
document.getElementById("minutes5").innerHTML = '0' ;
document.getElementById("seconds5 ").innerHTML = '0';
}
}, 1000);
}
/*===================================
product-grid js
===================================*/
$('.list-change-view').on("click", function () {
event.preventDefault();
var data_grid = $(this).attr('data-grid-view');
if ($('.shop-product-wrap').hasClass('grid-1') ||
$('.shop-product-wrap').hasClass('grid-2') ||
$('.shop-product-wrap').hasClass('grid-3') ||
$('.shop-product-wrap').hasClass('grid-4')) {
$('.shop-product-wrap').removeClass('grid-1');
$('.shop-product-wrap').removeClass('grid-2');
$('.shop-product-wrap').removeClass('grid-3');
$('.shop-product-wrap').removeClass('grid-4');
$('.shop-product-wrap').addClass('grid-' + data_grid);
}
else {
$('.shop-product-wrap').addClass('grid-' + data_grid);
}
});
$('.list-change-view').on("click", function () {
$('.list-change-view').removeClass('active');
$(this).addClass('active');
});
/*==========================================
Minus and Plus Btn js
==========================================*/
$('.dec').on("click", function () {
var $input = $(this).parent().find('input');
var count = parseInt($input.val()) - 1;
count = count < 1 ? 1 : count;
$input.val(count);
$input.change();
return false;
});
$('.inc').on("click", function () {
var $input = $(this).parent().find('input');
$input.val(parseInt($input.val()) + 1);
$input.change();
return false;
});
/*===================================
product-short js
===================================*/
$('.product-short a.short-title-lg').on('click', function () {
if ($('#select-wrap').hasClass('active')) {
$('#select-wrap').removeClass('active');
$(this).removeClass('active');
}
else {
$('#select-wrap').addClass('active');
$(this).addClass('active');
}
});
/*==============================
quickview js
==============================*/
var galleryThumbs = new Swiper(".gallery-thumbs", {
spaceBetween: 15,
slidesPerView: 3,
thumbs: {
swiper: galleryTop,
},
});
var galleryTop = new Swiper(".gallery-top", {
spaceBetween: 15,
navigation: {
nextEl: ".quick-next",
prevEl: ".quick-prev",
},
thumbs: {
swiper: galleryThumbs,
},
});
/*==============================
video popup js
==============================*/
$('.play-button').magnificPopup({
type: 'iframe',
tClose: 'Close (Esc)',
mainClass: 'mfp-fade',
removalDelay: 160
});
/*==============================
counter js
==============================*/
$('.count-number').counterUp({
delay: 10,
time: 1000
});
/*==============================
back-to-top js
==============================*/
$(window).on("scroll", function () {
if ($(this).scrollTop() > 600) {
$('#top').addClass('show');
}
else {
$('#top').removeClass('show');
}
});
$('#top').on("click", function () {
$("html, body").animate({ scrollTop: 0 }, 0);
return false;
});
/*==============================
range slider js
==============================*/
if ($('.price-input-range').length) {
const parent = document.querySelector('.price-input-range');
if (!parent) {
return;
}
const rangeS = parent.querySelectorAll('input[type="range"]'),
numberS = parent.querySelectorAll('input[type="number"]');
rangeS.forEach((el) => {
el.oninput = () => {
let slide1 = parseFloat(rangeS[0].value),
slide2 = parseFloat(rangeS[1].value);
if (slide1 > slide2) {
[slide1, slide2] = [slide2, slide1];
}
numberS[0].value = slide1;
numberS[1].value = slide2;
}
});
numberS.forEach((el) => {
el.oninput = () => {
let number1 = parseFloat(numberS[0].value),
number2 = parseFloat(numberS[1].value);
if (number1 > number2) {
let tmp = number1;
numberS[0].value = number2;
numberS[1].value = tmp;
}
rangeS[0].value = number1;
rangeS[1].value = number2;
}
});
}
})(jQuery);