init(optionalScripts); Promise.all(promises) .then(function () { if (options_lazyload) { var lazyLoadInstance = new LazyLoad(); } if (options_aos) { $('*:not([data-aos])[class*="animate__"]').each(function (index) { var classes = $.grep(this.className.split(" "), function (v, i) { return v.indexOf("animate__") === 0; }).join(); $(this).removeClass(classes); $(this).attr("data-aos", classes); }); AOS.init({ // Global settings: disable: false, // accepts following values: 'phone', 'tablet', 'mobile', boolean, expression or function startEvent: "DOMContentLoaded", // name of the event dispatched on the document, that AOS should initialize on initClassName: false, // class applied after initialization animatedClassName: "animate__animated", // class applied on animation useClassNames: true, // if true, will add content of `data-aos` as classes on scroll disableMutationObserver: false, // disables automatic mutations' detections (advanced) //debounceDelay: 50, // the delay on debounce used while resizing window (advanced) //throttleDelay: 99, // the delay on throttle used while scrolling the page (advanced) // Settings that can be overridden on per-element basis, by `data-aos-*` attributes: //offset: 0, // offset (in px) from the original trigger point once: true, // whether animation should happen only once - while scrolling down mirror: true, // whether elements should animate out while scrolling past them anchorPlacement: "top-bottom", // defines which position of the element regarding to window should trigger the animation }); } if (options_popper) { if ($('[data-bs-toggle="tooltip"]').length) { var tooltipTriggerList = [].slice.call( document.querySelectorAll('[data-bs-toggle="tooltip"]') ); var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) { return new bootstrap.Tooltip(tooltipTriggerEl); }); } } /* MEGAMENÜ */ $(document).on("mouseenter", ".mod_navigation li > *:first-child", function () { $(".mod_navigation li.mm_container").removeClass("megamenu-active"); if ($(this).parent().hasClass("mm_container")) { $(this).parent().addClass("megamenu-active"); } }); $(document).on( "mouseleave", ".mod_navigation li.mm_container .mm_dropdown > .inner", function () { setTimeout(function () { $(".mod_navigation li.mm_container").removeClass("megamenu-active"); }, 500); } ); /* MEGAMENÜ END */ /* MMENU ADDONS */ if ($(".mod_mmenuHtml a.offCanvasBasketOpener").length) { $(".mod_mmenuHtml a.offCanvasBasketOpener").click(function (e) { setTimeout(function () { $('body').addClass("mm-wrapper_opened mm-wrapper_blocking") }, 1000); }); } if ($(".mmenu_close_button").length) { $(".mmenu_close_button").click(function (e) { e.preventDefault(); }); } /* MMENU ADDONS END */ if ($(".accordion-nav").length) { $(".accordion-nav").find("i").click(function (e) { $(this).closest("li").toggleClass("expanded"); }); } /* Animated Upcounting when Element is in Viewport */ if ($(".count").length) { function startCounter() { $(".count").each(function (index) { if (isOnScreen($(this)) && !$(this).hasClass("doneCounting")) { var size = $(this).text().split(".")[1] ? $(this).text().split(".")[1].length : 0; $(this) .prop("Counter", 0) .animate( { Counter: $(this).text(), }, { duration: 2000, easing: "swing", step: function (now) { $(this).text(parseFloat(now).toFixed(size)); $(this).addClass("doneCounting"); }, } ); } }); } startCounter(); $(window).on("resize scroll", function () { startCounter(); }); } /* END */ /* Behavior of Header Type 1 (not fixed) */ if ($(".header--content.type--1:not(.fixed)").length) { navWrapper = $(".hc--bottom"); navWrapperHeight = $(".hc--bottom").outerHeight(); navContainer = $(".hc-bottom--right-col"); navOffset = navContainer.offset().top - 30; imageHeight = $(".ce--mainimage > .image--holder").data("height"); if (!imageHeight) { imageHeight = 100; } $(".ce--mainimage .image--holder:not(.with-maxheight)").css({ "max-height": "calc(" + imageHeight + "vh - " + $("header").height() + "px)", }); function detectIfScrolled() { if ($(this).scrollTop() > navOffset) { navWrapper.addClass("is--scrolling"); $(".header--content .hc--top").css( "margin-bottom", navWrapperHeight + "px" ); } else { navWrapper.removeClass("is--scrolling"); $(".header--content .hc--top").css("margin-bottom", "0px"); } } detectIfScrolled(); $(window).scroll(function () { detectIfScrolled(); }); } /* END */ /* Behavior of Header Type 1 (fixed) */ if ($(".header--content.type--1.fixed").length) { navWrapper = $(".hc--bottom"); navContainer = $(".hc-bottom--right-col"); navOffset = navContainer.offset().top - 15; function detectIfScrolled() { if ($(this).scrollTop() > navOffset) { navWrapper.addClass("is--scrolling"); } else { navWrapper.removeClass("is--scrolling"); } } detectIfScrolled(); $(window).scroll(function () { detectIfScrolled(); }); } /* END */ /* Behavior of Header Type 2 */ if ($(".header--content.type--2").length) { navWrapper = $(".hc--bottom"); if ($(".mod_pageImage").length) { navContainer = navWrapper; navOffset = navContainer.offset().top - 15; } else { navOffset = $('.mainslider').height(); navWrapper.css("bottom", "auto"); navWrapper.css("top", navOffset - navWrapper.height()); } function detectIfScrolled() { if ($(this).scrollTop() > (navOffset - navWrapper.height())) { navWrapper.addClass("is--scrolling"); navWrapper.css("top", "0px"); } else { navWrapper.removeClass("is--scrolling"); navWrapper.css("top", navOffset - navWrapper.height()); } } detectIfScrolled(); $(window).scroll(function () { detectIfScrolled(); }); } /* END */ /* Behavior of Header Type 6 */ if ($(".header--content.type--6").length) { function detectIfScrolled() { var scroll = $(window).scrollTop(); var os = $('#header').offset().top; var ht = $('#header').height(); if (scroll > os + ht) { $('body').addClass('is--scrolling'); } else { $('body').removeClass('is--scrolling'); } } detectIfScrolled(); $(window).scroll(function () { detectIfScrolled(); }); } /* END */ setInterval(function () { $("body").css('opacity', 1); }, 250, true); }) .catch(function (script) { console.log(script + " failed to load"); });