/home/moonrcjl/template.moontelict.com/a.maxfy-prev/maxfy/assets/js/main.js
(function ($) {
"use strict";
var windowOn = $(window);
windowOn.on('load', function () {
wowAnimation();
});
// preloader
windowOn.on('load', function () {
$("#loading").fadeOut(500);
})
////////////////////////////////////////////////////
// 2. Back-to-top Js
var btn = $('#back-to-top');
windowOn.scroll(function () {
if (windowOn.scrollTop() > 300) {
btn.addClass('show');
} else {
btn.removeClass('show');
}
});
btn.on('click', function () {
$('html, body').animate({ scrollTop: 0 }, '300');
});
////////////////////////////////////////////////////
// 3. Sticky Js
windowOn.on('scroll', function () {
var scroll = windowOn.scrollTop();
if (scroll < 100) {
$("#mt-header-sticky").removeClass("header-sticky");
} else {
$("#mt-header-sticky").addClass("header-sticky");
}
});
// offcanvas bar
$(".mt-offcanvas-toogle").on('click', function () {
$(".mt-offcanvas").addClass("mt-offcanvas-open");
$(".mt-offcanvas-overlay").addClass("mt-offcanvas-overlay-open");
});
$(".mt-offcanvas-close-toggle,.mt-offcanvas-overlay").on('click', function () {
$(".mt-offcanvas").removeClass("mt-offcanvas-open");
$(".mt-offcanvas-overlay").removeClass("mt-offcanvas-overlay-open");
});
// Search bar
$(".mt-search-toggle").on('click', function () {
$(".mt-header-search-bar").addClass("mt-search-open");
$(".mt-offcanvas-overlay").addClass("mt-offcanvas-overlay-open");
});
$(".mt-search-close,.mt-offcanvas-overlay").on('click', function () {
$(".mt-header-search-bar").removeClass("mt-search-open");
$(".mt-offcanvas-overlay").removeClass("mt-offcanvas-overlay-open");
});
$('.mt-mobile-menu-active .sub-menu').on('click', function () {
$('.mt-mobile-menu-active .sub-menu').removeClass('active');
$(this).addClass('active');
});
////////////////////////////////////////////////////
// 6. Mini Cart Js
$('.mt-cart-toggle').on('click', function () {
$('.mtcartmini__area').addClass('mtcartmini-opened');
$('.mt-offcanvas-overlay').addClass('mt-offcanvas-overlay-open');
});
$('.mtcartmini-close-btn,.mt-offcanvas-overlay').on('click', function () {
$('.mtcartmini__area').removeClass('mtcartmini-opened');
$('.mt-offcanvas-overlay').removeClass('mt-offcanvas-overlay-open');
});
// data bg img
$("[data-background]").each(function () {
$(this).css("background-image", "url(" + $(this).attr("data-background") + ")")
})
// data bg color
$("[data-bg-color]").each(function () {
$(this).css("background-color", $(this).attr("data-bg-color"))
})
// data color
$("[data-color]").each(function () {
$(this).css("color", $(this).attr("data-color"))
})
$('.popup-image').magnificPopup({
type: 'image'
// other options
});
$('.popup-video').magnificPopup({
type: 'iframe'
// other options
});
// Service Active Item
$('.mt-service-wrapper .mt-service-item').on('mouseenter', function () {
$('.mt-service-item').removeClass('active');
$(this).addClass('active');
});
// About Active Item
$('.mt-about-3-box').on('mouseenter', function () {
$(this).addClass('active').parent().siblings().find('.mt-about-3-box').removeClass('active');
});
////////////////////////////////////////////////////
// 9. Variable Active Item Js
$('.mt-shop-details__color ul li ').on('mouseenter', function () {
$('ul li ').removeClass('active');
$(this).addClass('active');
});
$('.mt-shop-details__size ul li ').on('mouseenter', function () {
$('ul li ').removeClass('active');
$(this).addClass('active');
});
// grid active
if ($('.grid').length != 0) {
var $grid = $('.grid').imagesLoaded(function () {
$('.grid').isotope({
itemSelector: '.grid-item',
percentPosition: true,
masonry: {
columnWidth: 1
}
})
// filter items on button click
$('.mt-portfolio-filter').on('click', 'button', function () {
var filterValue = $(this).attr('data-filter');
$grid.isotope({ filter: filterValue });
});
//for menu active class
$('.mt-portfolio-filter button').on('click', function (event) {
$(this).siblings('.active').removeClass('active');
$(this).addClass('active');
event.preventDefault();
});
});
}
// blog slider
var swiper = new Swiper(".mt-blog-active", {
slidesPerView: 1,
spaceBetween: 0,
keyboard: {
enabled: true,
},
pagination: {
el: ".swiper-pagination",
clickable: true,
},
navigation: {
nextEl: ".mt-swiper-blog-button-next",
prevEl: ".mt-swiper-blog-button-prev",
},
});
// mt-hero-content-active
var slider = new Swiper('.mt-hero-content-active', {
slidesPerView: 1,
centeredSlides: true,
loop: true,
loopedSlides: 1,
navigation: {
nextEl: '.mt-room-details-slide-next',
prevEl: '.mt-room-details-slide-prev',
},
});
var thumbs = new Swiper('.mt-circle-thumb-active', {
slidesPerView: 3,
spaceBetween: 0,
centeredSlides: false,
centeredSlides: true,
loop: true,
slideToClickedSlide: true,
});
slider.controller.control = thumbs;
thumbs.controller.control = slider;
// mt-hero-slider-active slider
var swiper = new Swiper(".mt-hero-slider-active", {
slidesPerView: 1,
spaceBetween: 0,
keyboard: {
enabled: true,
},
pagination: {
el: ".swiper-pagination",
clickable: true,
},
navigation: {
nextEl: ".arrowbox-prev1",
prevEl: ".arrowbox-prev2",
},
breakpoints: {
0: {
slidesPerView: 1,
},
768: {
slidesPerView: 1,
},
992: {
slidesPerView: 1,
},
1200: {
slidesPerView: 1,
}
},
});
// home 2 slider
var swiper = new Swiper(".mt-slider-effect-active", {
effect: "coverflow",
grabCursor: true,
centeredSlides: true,
slidesPerView: "auto",
spaceBetween: 30,
freemode: true,
loop: true,
speed: 3000,
coverflowEffect: {
rotate: 25,
stretch: 0,
depth: 50,
modifier: 1,
slideShadows: true,
},
autoplay: {
delay: 1,
disableOnInteraction: false,
},
breakpoints: {
0: {
slidesPerView: 2,
},
768: {
slidesPerView: 3,
},
992: {
slidesPerView: 4,
},
1200: {
slidesPerView: 5,
}
},
pagination: {
el: ".mteffect-pagination",
clickable: true,
},
});
////////////////////////////////////////////////////
// 13. Swiper Js
var swiper = new Swiper('.mt-slider-3-active', {
// Optional parameters
speed: 1000,
loop: true,
slidesPerView: 3,
autoplay: true,
spaceBetween: 30,
breakpoints: {
'1600': {
slidesPerView: 1,
},
'1400': {
slidesPerView: 1,
},
'1200': {
slidesPerView: 1,
},
'992': {
slidesPerView: 1,
},
'768': {
slidesPerView: 1,
},
'576': {
slidesPerView: 1,
},
'0': {
slidesPerView: 1,
},
a11y: false,
},
// Navigation arrows
navigation: {
nextEl: '.mt-slider-3-prev',
prevEl: '.mt-slider-3-next',
},
pagination: {
el: ".mt-slider-3-dots",
clickable: true,
},
});
////////////////////////////////////////////////////
// 25. Swiper Js
var slider = new Swiper('.mt-slider-content-active', {
slidesPerView: 1,
centeredSlides: true,
loop: false,
loopedSlides: 3,
pagination: {
el: ".mt-slider-dots",
clickable: true,
renderBullet: function (index, className) {
return '<span class="' + className + '">0' + (index + 1) + "</span>";
},
},
});
var thumbs = new Swiper('.mt-slider-thumb-active', {
slidesPerView: 1,
spaceBetween: 10,
centeredSlides: true,
loop: true,
slideToClickedSlide: true,
});
slider.controller.control = thumbs;
thumbs.controller.control = slider;
// mt-service-active slider
var swiper = new Swiper(".mt-service-active", {
slidesPerView: 1,
spaceBetween: 30,
pagination: {
el: ".mtservice-pagination",
clickable: true,
},
breakpoints: {
0: {
slidesPerView: 1,
},
768: {
slidesPerView: 1,
},
992: {
slidesPerView: 2,
},
1200: {
slidesPerView: 3,
}
},
});
////////////////////////////////////////////////////
// 06. Swiper Js
var swiper = new Swiper(".mt-service-8-active", {
slidesPerView: 1,
spaceBetween: 20,
keyboard: {
enabled: true,
},
pagination: {
el: ".mt-service-dots",
clickable: true,
},
breakpoints: {
0: {
slidesPerView: 1,
},
768: {
slidesPerView: 2,
},
992: {
slidesPerView: 2,
},
1200: {
slidesPerView: 3,
},
},
});
////////////////////////////////////////////////////
// 22. Swiper Js
var swiper = new Swiper('.mt-esports_active', {
// Optional parameters
speed: 1000,
loop: true,
slidesPerView: 3,
autoplay: true,
spaceBetween: 15,
breakpoints: {
'1200': {
slidesPerView: 3,
},
'992': {
slidesPerView: 2,
},
'768': {
slidesPerView: 2,
},
'0': {
slidesPerView: 1,
},
a11y: false,
},
pagination: {
el: ".mt-esports-dots",
clickable: true,
}
});
// mt-testimonial-content-active
var swiper = new Swiper(".mt-testimonial-content-active", {
slidesPerView: 1,
spaceBetween: 0,
keyboard: {
enabled: true,
},
pagination: {
el: ".swiper-pagination",
clickable: true,
},
navigation: {
nextEl: ".mt-testimonial-button-prev",
prevEl: ".mt-testimonial-button-next",
},
breakpoints: {
0: {
slidesPerView: 1,
},
768: {
slidesPerView: 1,
},
992: {
slidesPerView: 1,
},
1200: {
slidesPerView: 1,
}
},
});
// testimonial slider
var swiper = new Swiper(".mt-testimonial-active", {
slidesPerView: 1,
spaceBetween: 30,
loop: true,
slidesPerView: 1,
pagination: {
el: ".mttestimonial-pagination",
clickable: true,
},
navigation: {
nextEl: ".mt-swiper-test-button-next",
prevEl: ".mt-swiper-test-button-prev",
},
});
// testimonial slider
var swiper = new Swiper(".mt-testimonial-5-active", {
slidesPerView: 1,
spaceBetween: 30,
keyboard: {
enabled: true,
},
pagination: {
el: ".swiper-pagination",
clickable: true,
},
navigation: {
nextEl: ".mt-testimonial-5-next",
prevEl: ".mt-testimonial-5-prev",
},
});
var slider = new Swiper('.mt-testimonial-2-content-active', {
slidesPerView: 1,
centeredSlides: true,
loop: true,
loopedSlides: 3,
navigation: {
nextEl: '.mttestimonial__button-next',
prevEl: '.mttestimonial__button-prev',
},
});
var thumbs = new Swiper('.mt-testimonial-thumb-active', {
slidesPerView: 3,
spaceBetween: 10,
centeredSlides: false,
centeredSlides: true,
loop: true,
slideToClickedSlide: true,
});
slider.controller.control = thumbs;
thumbs.controller.control = slider;
////////////////////////////////////////////////////
// 15. Swiper Js
var swiper = new Swiper(".mttestimonial__active", {
slidesPerView: 1,
spaceBetween: 30,
keyboard: {
enabled: true,
},
pagination: {
el: ".mttestimonial__dots",
clickable: true,
},
navigation: {
nextEl: ".mttestimonial__next",
prevEl: ".mttestimonial__prev",
},
});
////////////////////////////////////////////////////
// 12. Swiper Js
var swiper = new Swiper(".mt-testimonial-9-active", {
slidesPerView: 1,
spaceBetween: 30,
keyboard: {
enabled: true,
},
breakpoints: {
0: {
slidesPerView: 1,
},
768: {
slidesPerView: 2,
},
992: {
slidesPerView: 3,
},
1200: {
slidesPerView: 3,
}
},
pagination: {
el: ".mt-testimonial-dots",
clickable: true,
},
});
// brand slider 1
var swiper = new Swiper(".mt-brand-slide-active", {
slidesPerView: 'auto',
spaceBetween: 0,
freemode: true,
centeredSlides: true,
loop: true,
speed: 4000,
allowTouchMove: false,
autoplay: {
delay: 1,
disableOnInteraction: true,
},
});
// brand 1
var swiper = new Swiper(".mt-brand-top-active", {
slidesPerView: 'auto',
spaceBetween: 20,
freemode: true,
centeredSlides: true,
loop: true,
speed: 4000,
allowTouchMove: false,
autoplay: {
delay: 1,
disableOnInteraction: true,
},
});
var swiper = new Swiper(".mt-brand-top-active5", {
slidesPerView: 'auto',
spaceBetween: 80,
freemode: true,
centeredSlides: true,
loop: true,
speed: 4000,
allowTouchMove: false,
autoplay: {
delay: 1,
disableOnInteraction: true,
},
});
// brand 1
var swiper = new Swiper(".mt-brand-5-active", {
slidesPerView: 'auto',
spaceBetween: 30,
freemode: true,
centeredSlides: true,
loop: true,
speed: 9000,
allowTouchMove: false,
autoplay: {
delay: 1,
disableOnInteraction: true,
},
});
////////////////////////////////////////////////////
// 08. Swiper Js
var swiper = new Swiper('.mt-brand-2-active', {
// Optional parameters
speed: 1000,
loop: true,
slidesPerView: 3,
autoplay: true,
spaceBetween: 30,
breakpoints: {
'1600': {
slidesPerView: 7,
},
'1400': {
slidesPerView: 7,
},
'1200': {
slidesPerView: 5,
},
'992': {
slidesPerView: 4,
},
'768': {
slidesPerView: 3,
},
'576': {
slidesPerView: 2,
},
'0': {
slidesPerView: 2,
},
a11y: false,
},
});
////////////////////////////////////////////////////
// 09. Swiper Js
var swiper = new Swiper(".mt-testimonial-vertical-active", {
slidesPerView: 1,
spaceBetween: 30,
keyboard: {
enabled: true,
},
navigation: {
nextEl: ".mt-swiper-test-button-next",
prevEl: ".mt-swiper-test-button-prev",
},
});
////////////////////////////////////////////////////
// 13. Swiper Js
var swiper = new Swiper('.mt-blog-4-active', {
// Optional parameters
speed: 1000,
loop: true,
slidesPerView: 3,
autoplay: true,
spaceBetween: 30,
breakpoints: {
'1600': {
slidesPerView: 3,
},
'1400': {
slidesPerView: 3,
},
'1200': {
slidesPerView: 2,
},
'992': {
slidesPerView: 2,
},
'768': {
slidesPerView: 2,
},
'576': {
slidesPerView: 1,
},
'0': {
slidesPerView: 1,
},
a11y: false,
},
// Navigation arrows
navigation: {
nextEl: '.blog-4-prev',
prevEl: '.blog-4-next',
},
});
////////////////////////////////////////////////////
// 20. Swiper Js
var swiper = new Swiper('.mt-blog-6-active', {
// Optional parameters
speed: 1000,
loop: true,
slidesPerView: 3,
autoplay: true,
spaceBetween: 30,
breakpoints: {
'1600': {
slidesPerView: 3,
},
'1400': {
slidesPerView: 3,
},
'1200': {
slidesPerView: 3,
},
'992': {
slidesPerView: 2,
},
'768': {
slidesPerView: 2,
},
'576': {
slidesPerView: 1,
},
'0': {
slidesPerView: 1,
},
a11y: false,
},
// Navigation arrows
navigation: {
nextEl: '.blog-6-prev',
prevEl: '.blog-6-next',
},
});
////////////////////////////////////////////////////
// 13. Swiper Js
var swiper = new Swiper('.mt-project-active', {
// Optional parameters
speed: 1000,
loop: true,
slidesPerView: 3,
autoplay: true,
spaceBetween: 30,
breakpoints: {
'1600': {
slidesPerView: 3,
},
'1400': {
slidesPerView: 3,
},
'1200': {
slidesPerView: 3,
},
'992': {
slidesPerView: 3,
},
'768': {
slidesPerView: 2,
},
'576': {
slidesPerView: 1,
},
'0': {
slidesPerView: 1,
},
a11y: false,
},
// Navigation arrows
navigation: {
nextEl: '.mt-project-next',
prevEl: '.mt-project-prev',
},
});
////////////////////////////////////////////////////
// 16. Mouse Cursor Js
function mousecursor() {
if ($("body")) {
const e = document.querySelector(".cursor-inner"),
t = document.querySelector(".cursor-outer");
let n,
i = 0,
o = !1;
(window.onmousemove = function (s) {
o ||
(t.style.transform =
"translate(" + s.clientX + "px, " + s.clientY + "px)"),
(e.style.transform =
"translate(" + s.clientX + "px, " + s.clientY + "px)"),
(n = s.clientY),
(i = s.clientX);
}),
$("body").on("mouseenter", "a, .cursor-pointer", function () {
e.classList.add("cursor-hover");
t.classList.add("cursor-hover");
}),
$("body").on("mouseleave", "a, .cursor-pointer", function () {
($(this).is("a") && $(this).closest(".cursor-pointer").length) ||
(e.classList.remove("cursor-hover"),
t.classList.remove("cursor-hover"));
}),
(e.style.visibility = "visible"),
(t.style.visibility = "visible");
}
}
$(function () {
mousecursor();
});
////////////////////////////////////////////////////
// 05. Swiper Js
var swiper = new Swiper(".mt-service-7-active", {
slidesPerView: 1,
spaceBetween: 20,
keyboard: {
enabled: true,
},
pagination: {
el: ".mt-service-pagination",
clickable: true,
},
breakpoints: {
0: {
slidesPerView: 1,
},
768: {
slidesPerView: 2,
},
992: {
slidesPerView: 3,
},
1200: {
slidesPerView: 3,
},
1600: {
slidesPerView: 5,
},
1800: {
slidesPerView: 6,
}
},
});
////////////////////////////////////////////////////
// 11. Swiper Js
var swiper = new Swiper(".mt-testimonial-8-active", {
slidesPerView: 1,
spaceBetween: 30,
keyboard: {
enabled: true,
},
breakpoints: {
0: {
slidesPerView: 1,
},
768: {
slidesPerView: 1,
},
992: {
slidesPerView: 1,
},
1200: {
slidesPerView: 1,
}
},
navigation: {
nextEl: ".mt-testimonial-next",
prevEl: ".mt-testimonial-prev",
},
});
////////////////////////////////////////////////////
// 13. Quantity Js
function mt_ecommerce() {
$('.mt-cart-minus').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;
});
$('.mt-cart-plus').on('click', function () {
var $input = $(this).parent().find('input');
$input.val(parseInt($input.val()) + 1);
$input.change();
return false;
});
$("#slider-range").slider({
range: true,
min: 0,
max: 500,
values: [75, 300],
slide: function (event, ui) {
$("#amount").val("$" + ui.values[0] + " - $" + ui.values[1]);
}
});
$("#amount").val("$" + $("#slider-range").slider("values", 0) +
" - $" + $("#slider-range").slider("values", 1));
$('.mt-checkout-payment-item label').on('click', function () {
$(this).siblings('.mt-checkout-payment-desc').slideToggle(400);
});
////////////////////////////////////////////////////
// 14. Create An Account Toggle Js
$('#cbox').on('click', function () {
$('#cbox_info').slideToggle(900);
});
////////////////////////////////////////////////////
// 15. Shipping Box Toggle Js
$('#ship-box').on('click', function () {
$('#ship-box-info').slideToggle(1000);
});
}
mt_ecommerce();
////////////////////////////////////////////////////
// 17. Nice Select Js
$('select').niceSelect();
////////////////////////////////////////////////////
// 18. Counter Js
new PureCounter();
new PureCounter({
filesizing: true,
selector: ".filesizecount",
pulse: 2,
});
// wow
function wowAnimation() {
var wow = new WOW({
boxClass: 'wow',
animateClass: 'animated',
offset: 0,
mobile: false,
live: true
});
wow.init();
}
// jarallax
if ($('.jarallax').length) {
$('.jarallax').jarallax({
speed: 0.2,
});
}
})(jQuery);