meh
This commit is contained in:
@@ -1,467 +1,479 @@
|
||||
function rakar_content_load_scripts() {
|
||||
var $ = jQuery;
|
||||
"use strict";
|
||||
/*=================================
|
||||
JS Index Here
|
||||
==================================*/
|
||||
/*
|
||||
01. On Load Function
|
||||
02. Preloader
|
||||
03. Mobile Menu
|
||||
04. Sticky fix
|
||||
05. Scroll To Top
|
||||
06. Set Background Image Color & Mask
|
||||
07. Global Slider
|
||||
08. Ajax Contact Form
|
||||
09. Search Box Popup
|
||||
10. Popup Sidemenu
|
||||
11. Magnific Popup
|
||||
12. Section Position
|
||||
13. Filter
|
||||
14. Counter Up
|
||||
15. Shape Mockup
|
||||
16. Progress Bar Animation
|
||||
17. Countdown
|
||||
18. Image to SVG Code
|
||||
00. Woocommerce Toggle
|
||||
00. Right Click Disable
|
||||
*/
|
||||
/*=================================
|
||||
JS Index End
|
||||
==================================*/
|
||||
/*
|
||||
|
||||
/*---------- 03. Mobile Menu ----------*/
|
||||
$.fn.thmobilemenu = function (options) {
|
||||
var opt = $.extend(
|
||||
{
|
||||
menuToggleBtn: ".th-menu-toggle",
|
||||
bodyToggleClass: "th-body-visible",
|
||||
subMenuClass: "th-submenu",
|
||||
subMenuParent: "th-item-has-children",
|
||||
subMenuParentToggle: "th-active",
|
||||
meanExpandClass: "th-mean-expand",
|
||||
appendElement: '<span class="th-mean-expand"></span>',
|
||||
subMenuToggleClass: "th-open",
|
||||
toggleSpeed: 400,
|
||||
},
|
||||
options
|
||||
);
|
||||
|
||||
return this.each(function () {
|
||||
var menu = $(this);
|
||||
|
||||
function menuToggle() {
|
||||
menu.toggleClass(opt.bodyToggleClass);
|
||||
|
||||
var subMenu = "." + opt.subMenuClass;
|
||||
$(subMenu).each(function () {
|
||||
if ($(this).hasClass(opt.subMenuToggleClass)) {
|
||||
$(this).removeClass(opt.subMenuToggleClass);
|
||||
$(this).css("display", "none");
|
||||
$(this).parent().removeClass(opt.subMenuParentToggle);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
menu.find("li").each(function () {
|
||||
var submenu = $(this).find("ul");
|
||||
submenu.addClass(opt.subMenuClass);
|
||||
submenu.css("display", "none");
|
||||
submenu.parent().addClass(opt.subMenuParent);
|
||||
submenu.prev("a").append(opt.appendElement);
|
||||
submenu.next("a").append(opt.appendElement);
|
||||
});
|
||||
|
||||
function toggleDropDown($element) {
|
||||
var $parent = $($element).parent();
|
||||
var $siblings = $parent.siblings();
|
||||
|
||||
$siblings.removeClass(opt.subMenuParentToggle);
|
||||
$siblings.find("ul").slideUp(opt.toggleSpeed).removeClass(opt.subMenuToggleClass);
|
||||
|
||||
$parent.toggleClass(opt.subMenuParentToggle);
|
||||
$($element).next("ul").slideToggle(opt.toggleSpeed).toggleClass(opt.subMenuToggleClass);
|
||||
}
|
||||
|
||||
var expandToggler = "." + opt.meanExpandClass;
|
||||
$(expandToggler).each(function () {
|
||||
$(this).on("click", function (e) {
|
||||
e.preventDefault();
|
||||
toggleDropDown($(this).parent());
|
||||
});
|
||||
});
|
||||
|
||||
$(opt.menuToggleBtn).each(function () {
|
||||
$(this).on("click", function () {
|
||||
menuToggle();
|
||||
});
|
||||
});
|
||||
|
||||
menu.on("click", function (e) {
|
||||
e.stopPropagation();
|
||||
menuToggle();
|
||||
});
|
||||
|
||||
menu.find("div").on("click", function (e) {
|
||||
e.stopPropagation();
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
$(".th-menu-wrapper").thmobilemenu();
|
||||
|
||||
/*---------- 04. Sticky fix ----------*/
|
||||
$(window).scroll(function () {
|
||||
var topPos = $(this).scrollTop();
|
||||
if (topPos > 500) {
|
||||
$('.sticky-wrapper').addClass('sticky');
|
||||
$('.category-menu').addClass('close-category');
|
||||
} else {
|
||||
$('.sticky-wrapper').removeClass('sticky')
|
||||
$('.category-menu').removeClass('close-category');
|
||||
}
|
||||
})
|
||||
|
||||
$(".menu-expand").each(function () {
|
||||
$(this).on("click", function (e) {
|
||||
e.preventDefault();
|
||||
$('.category-menu').toggleClass('open-category');
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
/*---------- 06. Set Background Image Color & Mask ----------*/
|
||||
if ($("[data-bg-src]").length > 0) {
|
||||
$("[data-bg-src]").each(function () {
|
||||
var src = $(this).attr("data-bg-src");
|
||||
$(this).css("background-image", "url(" + src + ")");
|
||||
$(this).removeAttr("data-bg-src").addClass("background-image");
|
||||
});
|
||||
}
|
||||
|
||||
if ($('[data-bg-color]').length > 0) {
|
||||
$('[data-bg-color]').each(function () {
|
||||
var color = $(this).attr('data-bg-color');
|
||||
$(this).css('background-color', color);
|
||||
$(this).removeAttr('data-bg-color');
|
||||
});
|
||||
};
|
||||
|
||||
$('[data-border]').each(function() {
|
||||
var borderColor = $(this).data('border');
|
||||
$(this).css('--th-border-color', borderColor);
|
||||
});
|
||||
|
||||
if ($('[data-mask-src]').length > 0) {
|
||||
$('[data-mask-src]').each(function () {
|
||||
var mask = $(this).attr('data-mask-src');
|
||||
$(this).css({
|
||||
'mask-image': 'url(' + mask + ')',
|
||||
'-webkit-mask-image': 'url(' + mask + ')'
|
||||
});
|
||||
$(this).addClass('bg-mask');
|
||||
$(this).removeAttr('data-mask-src');
|
||||
});
|
||||
};
|
||||
|
||||
|
||||
|
||||
// Function to add animation classes
|
||||
function animationProperties() {
|
||||
$('[data-ani]').each(function () {
|
||||
var animationName = $(this).data('ani');
|
||||
$(this).addClass(animationName);
|
||||
});
|
||||
|
||||
$('[data-ani-delay]').each(function () {
|
||||
var delayTime = $(this).data('ani-delay');
|
||||
$(this).css('animation-delay', delayTime);
|
||||
});
|
||||
}
|
||||
animationProperties();
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*----------- 09. Ajax Contact Form ----------*/
|
||||
|
||||
/*---------- 10. Popup Sidemenu ----------*/
|
||||
function popupSideMenu($sideMenu, $sideMunuOpen, $sideMenuCls, $toggleCls) {
|
||||
// Sidebar Popup
|
||||
$($sideMunuOpen).on('click', function (e) {
|
||||
e.preventDefault();
|
||||
$($sideMenu).addClass($toggleCls);
|
||||
});
|
||||
// $($sideMenu).on('click', function (e) {
|
||||
// e.stopPropagation();
|
||||
// $($sideMenu).removeClass($toggleCls)
|
||||
// });
|
||||
var sideMenuChild = $sideMenu + ' > div';
|
||||
$(sideMenuChild).on('click', function (e) {
|
||||
e.stopPropagation();
|
||||
$($sideMenu).addClass($toggleCls)
|
||||
});
|
||||
$($sideMenuCls).on('click', function (e) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
$($sideMenu).removeClass($toggleCls);
|
||||
});
|
||||
};
|
||||
popupSideMenu( ".popup-search-box", ".searchBoxToggler", ".searchClose", "show" );
|
||||
popupSideMenu('.sidemenu-cart', '.sideMenuToggler', '.sideMenuCls', 'show');
|
||||
popupSideMenu('.sidemenu-info', '.sideMenuInfo', '.sideMenuCls', 'show');
|
||||
|
||||
/*----------- 11. Magnific Popup ----------*/
|
||||
/* magnificPopup img view */
|
||||
$(".popup-image").magnificPopup({
|
||||
type: "image",
|
||||
mainClass: 'mfp-zoom-in',
|
||||
removalDelay: 260,
|
||||
gallery: {
|
||||
enabled: true,
|
||||
},
|
||||
});
|
||||
|
||||
/* magnificPopup video view */
|
||||
$(".popup-video").magnificPopup({
|
||||
type: "iframe",
|
||||
});
|
||||
|
||||
/* magnificPopup video view */
|
||||
$(".popup-content").magnificPopup({
|
||||
type: "inline",
|
||||
midClick: true,
|
||||
});
|
||||
|
||||
|
||||
/*----------- 13. Filter ----------*/
|
||||
$(".filter-active").imagesLoaded(function () {
|
||||
var $filter = ".filter-active",
|
||||
$filterItem = ".filter-item",
|
||||
$filterMenu = ".filter-menu-active";
|
||||
|
||||
if ($($filter).length > 0) {
|
||||
var $grid = $($filter).isotope({
|
||||
itemSelector: $filterItem,
|
||||
filter: "*",
|
||||
masonry: {
|
||||
columnWidth: $filterItem,
|
||||
},
|
||||
});
|
||||
|
||||
// filter items on button click
|
||||
$($filterMenu).on("click", "button", function () {
|
||||
var filterValue = $(this).attr("data-filter");
|
||||
$grid.isotope({
|
||||
filter: filterValue,
|
||||
});
|
||||
});
|
||||
|
||||
// Menu Active Class
|
||||
$($filterMenu).on("click", "button", function (event) {
|
||||
event.preventDefault();
|
||||
$(this).addClass("active");
|
||||
$(this).siblings(".active").removeClass("active");
|
||||
});
|
||||
}
|
||||
$('.load-more-btn').on('click', function() {
|
||||
var $icon = $(this).find('i');
|
||||
$icon.addClass('fa-spin-pulse');
|
||||
|
||||
setTimeout(function() {
|
||||
$icon.removeClass('fa-spin-pulse');
|
||||
}, 1000);
|
||||
|
||||
var $button = $(this);
|
||||
setTimeout(function() {
|
||||
var $closestLoadMoreActive = $button.prev('.load-more-active');
|
||||
if ($closestLoadMoreActive.length === 0) {
|
||||
$closestLoadMoreActive = $button.closest('.container').find('.load-more-active');
|
||||
}
|
||||
$closestLoadMoreActive.find('.filter-item.d-none, .accordion-card.d-none').removeClass('d-none');
|
||||
|
||||
var $grid = $($filter).isotope({
|
||||
filter: "*",
|
||||
});
|
||||
}, 700);
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
/*----------- 14. Counter Up ----------*/
|
||||
$(".counter-number").counterUp({
|
||||
delay: 10,
|
||||
time: 1000,
|
||||
});
|
||||
|
||||
|
||||
/*----------- 16. Shape Mockup ----------*/
|
||||
$.fn.shapeMockup = function () {
|
||||
var $shape = $(this);
|
||||
$shape.each(function() {
|
||||
var $currentShape = $(this),
|
||||
shapeTop = $currentShape.data('top'),
|
||||
shapeRight = $currentShape.data('right'),
|
||||
shapeBottom = $currentShape.data('bottom'),
|
||||
shapeLeft = $currentShape.data('left');
|
||||
$currentShape.css({
|
||||
top: shapeTop,
|
||||
right: shapeRight,
|
||||
bottom: shapeBottom,
|
||||
left: shapeLeft,
|
||||
}).removeAttr('data-top')
|
||||
.removeAttr('data-right')
|
||||
.removeAttr('data-bottom')
|
||||
.removeAttr('data-left')
|
||||
.closest('.elementor-widget').css('position', 'static')
|
||||
.closest('.e-parent').addClass('shape-mockup-wrap');
|
||||
});
|
||||
};
|
||||
|
||||
if ($('.shape-mockup')) {
|
||||
$('.shape-mockup').shapeMockup();
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*----------- 22. Indicator ----------*/
|
||||
// Indicator
|
||||
$.fn.indicator = function () {
|
||||
// Loop through each .indicator-active element
|
||||
$(this).each(function () {
|
||||
var $menu = $(this),
|
||||
$linkBtn = $menu.find("a"),
|
||||
$btn = $menu.find("button");
|
||||
|
||||
// Append indicator
|
||||
$menu.append('<span class="indicator"></span>');
|
||||
var $line = $menu.find(".indicator");
|
||||
|
||||
// Check which type button is Available
|
||||
var $currentBtn;
|
||||
if ($linkBtn.length) {
|
||||
$currentBtn = $linkBtn;
|
||||
} else if ($btn.length) {
|
||||
$currentBtn = $btn;
|
||||
}
|
||||
|
||||
// On Click Button Class Remove
|
||||
$currentBtn.on("click", function (e) {
|
||||
e.preventDefault();
|
||||
$(this).addClass("active");
|
||||
$(this).siblings(".active").removeClass("active");
|
||||
linePos();
|
||||
});
|
||||
|
||||
// Indicator Position
|
||||
function linePos() {
|
||||
var $btnActive = $menu.find(".active"),
|
||||
$height = $btnActive.css("height"),
|
||||
$width = $btnActive.css("width"),
|
||||
$top = $btnActive.position().top + "px",
|
||||
$left = $btnActive.position().left + "px";
|
||||
|
||||
$(window).on('resize', function () {
|
||||
$top = $btnActive.position().top + "px",
|
||||
$left = $btnActive.position().left + "px";
|
||||
});
|
||||
|
||||
$line.get(0).style.setProperty("--height-set", $height);
|
||||
$line.get(0).style.setProperty("--width-set", $width);
|
||||
$line.get(0).style.setProperty("--pos-y", $top);
|
||||
$line.get(0).style.setProperty("--pos-x", $left);
|
||||
}
|
||||
|
||||
linePos();
|
||||
$(window).on('resize', function () {
|
||||
linePos();
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
if ($(".indicator-active").length) {
|
||||
$(".indicator-active").indicator();
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*----------- Search Masonary ----------*/
|
||||
$('.search-active').imagesLoaded(function () {
|
||||
var $filter = '.search-active',
|
||||
$filterItem = '.filter-item';
|
||||
|
||||
if ($($filter).length > 0) {
|
||||
var $grid = $($filter).isotope({
|
||||
itemSelector: $filterItem,
|
||||
filter: '*',
|
||||
// masonry: {
|
||||
// // use outer width of grid-sizer for columnWidth
|
||||
// columnWidth: 1
|
||||
// }
|
||||
});
|
||||
};
|
||||
});
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
(function ($) {
|
||||
|
||||
/*---------- 01. On Load Function ----------*/
|
||||
$(window).on("load", function () {
|
||||
$(".preloader").fadeOut();
|
||||
$(".th-slider").addClass('fade-ani');
|
||||
});
|
||||
|
||||
/*---------- 02. Preloader ----------*/
|
||||
if ($(".preloader").length > 0) {
|
||||
$(".preloaderCls").each(function () {
|
||||
$(this).on("click", function (e) {
|
||||
e.preventDefault();
|
||||
$(".preloader").css("display", "none");
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
$(document).ready(function () {
|
||||
setTimeout(function () {
|
||||
$('#loader').addClass('loaded');
|
||||
// Once the container has finished, the scroll appears
|
||||
if ($('#loader').hasClass('loaded')) {
|
||||
// It is so that once the container is gone, the entire preloader section is deleted
|
||||
$('#preloader').delay(9000).queue(function () {
|
||||
$(this).remove();
|
||||
});
|
||||
}
|
||||
}, 3000);
|
||||
});
|
||||
|
||||
|
||||
// Elementor Frontend Load
|
||||
$(window).on('elementor/frontend/init', function () {
|
||||
if (elementorFrontend.isEditMode()) {
|
||||
elementorFrontend.hooks.addAction('frontend/element_ready/global', function () {
|
||||
setTimeout(function () {
|
||||
rakar_content_load_scripts();
|
||||
$(".th-slider").addClass('fade-ani');
|
||||
}, 500);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// Window Load
|
||||
$(window).on('load', function () {
|
||||
rakar_content_load_scripts();
|
||||
});
|
||||
|
||||
|
||||
|
||||
function rakar_content_load_scripts() {
|
||||
var $ = jQuery;
|
||||
"use strict";
|
||||
/*=================================
|
||||
JS Index Here
|
||||
==================================*/
|
||||
/*
|
||||
01. On Load Function
|
||||
02. Preloader
|
||||
03. Mobile Menu
|
||||
04. Sticky fix
|
||||
05. Scroll To Top
|
||||
06. Set Background Image Color & Mask
|
||||
07. Global Slider
|
||||
08. Ajax Contact Form
|
||||
09. Search Box Popup
|
||||
10. Popup Sidemenu
|
||||
11. Magnific Popup
|
||||
12. Section Position
|
||||
13. Filter
|
||||
14. Counter Up
|
||||
15. Shape Mockup
|
||||
16. Progress Bar Animation
|
||||
17. Countdown
|
||||
18. Image to SVG Code
|
||||
00. Woocommerce Toggle
|
||||
00. Right Click Disable
|
||||
*/
|
||||
/*=================================
|
||||
JS Index End
|
||||
==================================*/
|
||||
/*
|
||||
|
||||
/*---------- 03. Mobile Menu ----------*/
|
||||
$.fn.thmobilemenu = function (options) {
|
||||
var opt = $.extend(
|
||||
{
|
||||
menuToggleBtn: ".th-menu-toggle",
|
||||
bodyToggleClass: "th-body-visible",
|
||||
subMenuClass: "th-submenu",
|
||||
subMenuParent: "th-item-has-children",
|
||||
subMenuParentToggle: "th-active",
|
||||
meanExpandClass: "th-mean-expand",
|
||||
appendElement: '<span class="th-mean-expand"></span>',
|
||||
subMenuToggleClass: "th-open",
|
||||
toggleSpeed: 400,
|
||||
},
|
||||
options
|
||||
);
|
||||
|
||||
return this.each(function () {
|
||||
var menu = $(this);
|
||||
|
||||
function menuToggle() {
|
||||
menu.toggleClass(opt.bodyToggleClass);
|
||||
|
||||
var subMenu = "." + opt.subMenuClass;
|
||||
$(subMenu).each(function () {
|
||||
if ($(this).hasClass(opt.subMenuToggleClass)) {
|
||||
$(this).removeClass(opt.subMenuToggleClass);
|
||||
$(this).css("display", "none");
|
||||
$(this).parent().removeClass(opt.subMenuParentToggle);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
menu.find("li").each(function () {
|
||||
var submenu = $(this).find("ul");
|
||||
submenu.addClass(opt.subMenuClass);
|
||||
submenu.css("display", "none");
|
||||
submenu.parent().addClass(opt.subMenuParent);
|
||||
submenu.prev("a").append(opt.appendElement);
|
||||
submenu.next("a").append(opt.appendElement);
|
||||
});
|
||||
|
||||
function toggleDropDown($element) {
|
||||
var $parent = $($element).parent();
|
||||
var $siblings = $parent.siblings();
|
||||
|
||||
$siblings.removeClass(opt.subMenuParentToggle);
|
||||
$siblings.find("ul").slideUp(opt.toggleSpeed).removeClass(opt.subMenuToggleClass);
|
||||
|
||||
$parent.toggleClass(opt.subMenuParentToggle);
|
||||
$($element).next("ul").slideToggle(opt.toggleSpeed).toggleClass(opt.subMenuToggleClass);
|
||||
}
|
||||
|
||||
var expandToggler = "." + opt.meanExpandClass;
|
||||
$(expandToggler).each(function () {
|
||||
$(this).on("click", function (e) {
|
||||
e.preventDefault();
|
||||
toggleDropDown($(this).parent());
|
||||
});
|
||||
});
|
||||
|
||||
$(opt.menuToggleBtn).each(function () {
|
||||
$(this).on("click", function () {
|
||||
menuToggle();
|
||||
});
|
||||
});
|
||||
|
||||
menu.on("click", function (e) {
|
||||
e.stopPropagation();
|
||||
menuToggle();
|
||||
});
|
||||
|
||||
menu.find("div").on("click", function (e) {
|
||||
e.stopPropagation();
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
$(".th-menu-wrapper").thmobilemenu();
|
||||
|
||||
/*---------- 04. Sticky fix ----------*/
|
||||
$(window).scroll(function () {
|
||||
var topPos = $(this).scrollTop();
|
||||
if (topPos > 500) {
|
||||
$('.sticky-wrapper').addClass('sticky');
|
||||
$('.category-menu').addClass('close-category');
|
||||
} else {
|
||||
$('.sticky-wrapper').removeClass('sticky')
|
||||
$('.category-menu').removeClass('close-category');
|
||||
}
|
||||
})
|
||||
|
||||
$(".menu-expand").each(function () {
|
||||
$(this).on("click", function (e) {
|
||||
e.preventDefault();
|
||||
$('.category-menu').toggleClass('open-category');
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
/*---------- 06. Set Background Image Color & Mask ----------*/
|
||||
if ($("[data-bg-src]").length > 0) {
|
||||
$("[data-bg-src]").each(function () {
|
||||
var src = $(this).attr("data-bg-src");
|
||||
$(this).css("background-image", "url(" + src + ")");
|
||||
$(this).removeAttr("data-bg-src").addClass("background-image");
|
||||
});
|
||||
}
|
||||
|
||||
if ($('[data-bg-color]').length > 0) {
|
||||
$('[data-bg-color]').each(function () {
|
||||
var color = $(this).attr('data-bg-color');
|
||||
$(this).css('background-color', color);
|
||||
$(this).removeAttr('data-bg-color');
|
||||
});
|
||||
};
|
||||
|
||||
$('[data-border]').each(function() {
|
||||
var borderColor = $(this).data('border');
|
||||
$(this).css('--th-border-color', borderColor);
|
||||
});
|
||||
|
||||
if ($('[data-mask-src]').length > 0) {
|
||||
$('[data-mask-src]').each(function () {
|
||||
var mask = $(this).attr('data-mask-src');
|
||||
$(this).css({
|
||||
'mask-image': 'url(' + mask + ')',
|
||||
'-webkit-mask-image': 'url(' + mask + ')'
|
||||
});
|
||||
$(this).addClass('bg-mask');
|
||||
$(this).removeAttr('data-mask-src');
|
||||
});
|
||||
};
|
||||
|
||||
|
||||
|
||||
// Function to add animation classes
|
||||
function animationProperties() {
|
||||
$('[data-ani]').each(function () {
|
||||
var animationName = $(this).data('ani');
|
||||
$(this).addClass(animationName);
|
||||
});
|
||||
|
||||
$('[data-ani-delay]').each(function () {
|
||||
var delayTime = $(this).data('ani-delay');
|
||||
$(this).css('animation-delay', delayTime);
|
||||
});
|
||||
}
|
||||
animationProperties();
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*----------- 09. Ajax Contact Form ----------*/
|
||||
|
||||
/*---------- 10. Popup Sidemenu ----------*/
|
||||
function popupSideMenu($sideMenu, $sideMunuOpen, $sideMenuCls, $toggleCls) {
|
||||
// Sidebar Popup
|
||||
$($sideMunuOpen).on('click', function (e) {
|
||||
e.preventDefault();
|
||||
$($sideMenu).addClass($toggleCls);
|
||||
});
|
||||
// $($sideMenu).on('click', function (e) {
|
||||
// e.stopPropagation();
|
||||
// $($sideMenu).removeClass($toggleCls)
|
||||
// });
|
||||
var sideMenuChild = $sideMenu + ' > div';
|
||||
$(sideMenuChild).on('click', function (e) {
|
||||
e.stopPropagation();
|
||||
$($sideMenu).addClass($toggleCls)
|
||||
});
|
||||
$($sideMenuCls).on('click', function (e) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
$($sideMenu).removeClass($toggleCls);
|
||||
});
|
||||
};
|
||||
popupSideMenu( ".popup-search-box", ".searchBoxToggler", ".searchClose", "show" );
|
||||
popupSideMenu('.sidemenu-cart', '.sideMenuToggler', '.sideMenuCls', 'show');
|
||||
popupSideMenu('.sidemenu-info', '.sideMenuInfo', '.sideMenuCls', 'show');
|
||||
|
||||
/*----------- 11. Magnific Popup ----------*/
|
||||
if ($.fn.magnificPopup) {
|
||||
/* magnificPopup img view */
|
||||
$(".popup-image").magnificPopup({
|
||||
type: "image",
|
||||
mainClass: 'mfp-zoom-in',
|
||||
removalDelay: 260,
|
||||
gallery: {
|
||||
enabled: true,
|
||||
},
|
||||
});
|
||||
|
||||
/* magnificPopup video view */
|
||||
$(".popup-video").magnificPopup({
|
||||
type: "iframe",
|
||||
});
|
||||
|
||||
/* magnificPopup video view */
|
||||
$(".popup-content").magnificPopup({
|
||||
type: "inline",
|
||||
midClick: true,
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
/*----------- 13. Filter ----------*/
|
||||
if ($.fn.imagesLoaded) {
|
||||
$(".filter-active").imagesLoaded(function () {
|
||||
var $filter = ".filter-active",
|
||||
$filterItem = ".filter-item",
|
||||
$filterMenu = ".filter-menu-active";
|
||||
|
||||
if ($($filter).length > 0) {
|
||||
var $grid = typeof $.fn.isotope === 'function' ? $($filter).isotope({
|
||||
itemSelector: $filterItem,
|
||||
filter: "*",
|
||||
masonry: {
|
||||
columnWidth: $filterItem,
|
||||
},
|
||||
}) : null;
|
||||
|
||||
// filter items on button click
|
||||
if ($grid) {
|
||||
$($filterMenu).on("click", "button", function () {
|
||||
var filterValue = $(this).attr("data-filter");
|
||||
$grid.isotope({
|
||||
filter: filterValue,
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
// Menu Active Class
|
||||
$($filterMenu).on("click", "button", function (event) {
|
||||
event.preventDefault();
|
||||
$(this).addClass("active");
|
||||
$(this).siblings(".active").removeClass("active");
|
||||
});
|
||||
}
|
||||
$('.load-more-btn').on('click', function() {
|
||||
var $icon = $(this).find('i');
|
||||
$icon.addClass('fa-spin-pulse');
|
||||
|
||||
setTimeout(function() {
|
||||
$icon.removeClass('fa-spin-pulse');
|
||||
}, 1000);
|
||||
|
||||
var $button = $(this);
|
||||
setTimeout(function() {
|
||||
var $closestLoadMoreActive = $button.prev('.load-more-active');
|
||||
if ($closestLoadMoreActive.length === 0) {
|
||||
$closestLoadMoreActive = $button.closest('.container').find('.load-more-active');
|
||||
}
|
||||
$closestLoadMoreActive.find('.filter-item.d-none, .accordion-card.d-none').removeClass('d-none');
|
||||
|
||||
if ($grid) {
|
||||
$grid.isotope({
|
||||
filter: "*",
|
||||
});
|
||||
}
|
||||
}, 700);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
/*----------- 14. Counter Up ----------*/
|
||||
if ($.fn.counterUp) {
|
||||
$(".counter-number").counterUp({
|
||||
delay: 10,
|
||||
time: 1000,
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
/*----------- 16. Shape Mockup ----------*/
|
||||
$.fn.shapeMockup = function () {
|
||||
var $shape = $(this);
|
||||
$shape.each(function() {
|
||||
var $currentShape = $(this),
|
||||
shapeTop = $currentShape.data('top'),
|
||||
shapeRight = $currentShape.data('right'),
|
||||
shapeBottom = $currentShape.data('bottom'),
|
||||
shapeLeft = $currentShape.data('left');
|
||||
$currentShape.css({
|
||||
top: shapeTop,
|
||||
right: shapeRight,
|
||||
bottom: shapeBottom,
|
||||
left: shapeLeft,
|
||||
}).removeAttr('data-top')
|
||||
.removeAttr('data-right')
|
||||
.removeAttr('data-bottom')
|
||||
.removeAttr('data-left')
|
||||
.closest('.elementor-widget').css('position', 'static')
|
||||
.closest('.e-parent').addClass('shape-mockup-wrap');
|
||||
});
|
||||
};
|
||||
|
||||
if ($('.shape-mockup')) {
|
||||
$('.shape-mockup').shapeMockup();
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*----------- 22. Indicator ----------*/
|
||||
// Indicator
|
||||
$.fn.indicator = function () {
|
||||
// Loop through each .indicator-active element
|
||||
$(this).each(function () {
|
||||
var $menu = $(this),
|
||||
$linkBtn = $menu.find("a"),
|
||||
$btn = $menu.find("button");
|
||||
|
||||
// Append indicator
|
||||
$menu.append('<span class="indicator"></span>');
|
||||
var $line = $menu.find(".indicator");
|
||||
|
||||
// Check which type button is Available
|
||||
var $currentBtn;
|
||||
if ($linkBtn.length) {
|
||||
$currentBtn = $linkBtn;
|
||||
} else if ($btn.length) {
|
||||
$currentBtn = $btn;
|
||||
}
|
||||
|
||||
// On Click Button Class Remove
|
||||
$currentBtn.on("click", function (e) {
|
||||
e.preventDefault();
|
||||
$(this).addClass("active");
|
||||
$(this).siblings(".active").removeClass("active");
|
||||
linePos();
|
||||
});
|
||||
|
||||
// Indicator Position
|
||||
function linePos() {
|
||||
var $btnActive = $menu.find(".active"),
|
||||
$height = $btnActive.css("height"),
|
||||
$width = $btnActive.css("width"),
|
||||
$top = $btnActive.position().top + "px",
|
||||
$left = $btnActive.position().left + "px";
|
||||
|
||||
$(window).on('resize', function () {
|
||||
$top = $btnActive.position().top + "px",
|
||||
$left = $btnActive.position().left + "px";
|
||||
});
|
||||
|
||||
$line.get(0).style.setProperty("--height-set", $height);
|
||||
$line.get(0).style.setProperty("--width-set", $width);
|
||||
$line.get(0).style.setProperty("--pos-y", $top);
|
||||
$line.get(0).style.setProperty("--pos-x", $left);
|
||||
}
|
||||
|
||||
linePos();
|
||||
$(window).on('resize', function () {
|
||||
linePos();
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
if ($(".indicator-active").length) {
|
||||
$(".indicator-active").indicator();
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*----------- Search Masonary ----------*/
|
||||
if ($.fn.imagesLoaded && $.fn.isotope) {
|
||||
$('.search-active').imagesLoaded(function () {
|
||||
var $filter = '.search-active',
|
||||
$filterItem = '.filter-item';
|
||||
|
||||
if ($($filter).length > 0) {
|
||||
var $grid = $($filter).isotope({
|
||||
itemSelector: $filterItem,
|
||||
filter: '*',
|
||||
// masonry: {
|
||||
// // use outer width of grid-sizer for columnWidth
|
||||
// columnWidth: 1
|
||||
// }
|
||||
});
|
||||
};
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
(function ($) {
|
||||
|
||||
/*---------- 01. On Load Function ----------*/
|
||||
$(window).on("load", function () {
|
||||
$(".preloader").fadeOut();
|
||||
$(".th-slider").addClass('fade-ani');
|
||||
});
|
||||
|
||||
/*---------- 02. Preloader ----------*/
|
||||
if ($(".preloader").length > 0) {
|
||||
$(".preloaderCls").each(function () {
|
||||
$(this).on("click", function (e) {
|
||||
e.preventDefault();
|
||||
$(".preloader").css("display", "none");
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
$(document).ready(function () {
|
||||
setTimeout(function () {
|
||||
$('#loader').addClass('loaded');
|
||||
// Once the container has finished, the scroll appears
|
||||
if ($('#loader').hasClass('loaded')) {
|
||||
// It is so that once the container is gone, the entire preloader section is deleted
|
||||
$('#preloader').delay(9000).queue(function () {
|
||||
$(this).remove();
|
||||
});
|
||||
}
|
||||
}, 3000);
|
||||
});
|
||||
|
||||
|
||||
// Elementor Frontend Load
|
||||
$(window).on('elementor/frontend/init', function () {
|
||||
if (elementorFrontend.isEditMode()) {
|
||||
elementorFrontend.hooks.addAction('frontend/element_ready/global', function () {
|
||||
setTimeout(function () {
|
||||
rakar_content_load_scripts();
|
||||
$(".th-slider").addClass('fade-ani');
|
||||
}, 500);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// Window Load
|
||||
$(window).on('load', function () {
|
||||
rakar_content_load_scripts();
|
||||
});
|
||||
|
||||
|
||||
|
||||
})(jQuery);
|
||||
Reference in New Issue
Block a user