meh
This commit is contained in:
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -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