%PDF- %PDF-
Direktori : /proc/1857783/root/var/www/tif-dev/wp-content/themes/inkfactory/assets/js/ |
Current File : //proc/1857783/root/var/www/tif-dev/wp-content/themes/inkfactory/assets/js/main.js |
jQuery(document).ready(function ($) { //Mob-menu if ($(window).innerWidth() <= 990) { $("#header-burger").on("click", function (e) { $(this).toggleClass("active"); $("#menu-wrapper").toggleClass("active"); $("#notification").toggle(); $("body").toggleClass("overflow-h"); }); $("#header").on("click", ".menu-arrow", function (e) { $(this).toggleClass("active"); }) } //Footer menu if ($(window).innerWidth() <= 768) { $(".footer-tab-js").on("click", function () { if ($(this).hasClass("active")) { $(this).removeClass("active"); $(this).find(".footer-content-js").hide("300"); } else { $(".footer-tab-js").removeClass("active"); $(this).addClass("active"); $(".footer-content-js").slideUp(200); $(this).find(".footer-content-js").toggle("blind"); } }); } //Hero Swiper var heroSwiper = new Swiper(".hero-slider-js", { loop: true, autoplay: { delay: 2000, }, pagination: { el: ".swiper-pagination", clickable: true, }, on: { afterInit: function () { if ($(".hero-slider .swiper-slide").length == 3) { console.log(123); $(".swiper-wrapper").addClass("disabled"); $(".swiper-pagination").addClass("disabled"); } }, }, }); //Accordion $(".accordion-tab-js").click(function (event) { event.stopPropagation(); if ($(this).closest(".accordion-wrapper-js").hasClass("active")) { $(this).closest(".accordion-wrapper-js").removeClass("active"); $(this).closest(".accordion-wrapper-js").find(".accordion-content-js").slideUp(500); } else { $(this).closest(".accordion-wrapper-js").addClass("active"); $(this).closest(".accordion-wrapper-js").find(".accordion-content-js").slideDown(500); } }); //Tabs $(".tab-wrapper-js").on("click", ".tab-js", function (event) { var tab = $(this).attr("data-tab"); $(this).closest(".tab-wrapper-js").find(".tab-js").removeClass("active"); $(this).addClass("active"); $(this).closest(".tab-wrapper-js").find(".tab-content-js").hide(); $(this) .closest(".tab-wrapper-js") .find(".tab-content-js[data-tab = " + tab + "]") .show(); }); // slider var slider_product = new Swiper(".product_slider", { slidesPerView: 2, scrollbar: { el: ".product-slider_scrollbar", hide: true, }, }); //Tooltips tippy('[data-tippy-content]', { theme: 'custom', arrow: '', }); //Custom select let select = function () { let selectHeader = document.querySelectorAll('.select__header'); let selectItem = document.querySelectorAll('.select__item'); selectHeader.forEach((item) => { item.addEventListener('click', selectToggle); }); selectItem.forEach((item) => { item.addEventListener('click', selectChoose); }); function selectToggle() { this.parentElement.classList.toggle('is-active'); } function selectChoose() { let text = this.innerHTML, value = this.dataset.value, select = this.closest('.select'), selectDataName = this.dataset.tabName, input = select.querySelector('.select-input'); currentText = select.querySelector('.select__current'); currentText.innerHTML = text; input.value = value; select.classList.remove('is-active'); } }; $(document).mouseup(function (e) { var select = $('.select'); if (e.target != select[0] && select.has(e.target).length === 0) { $('.select').removeClass('is-active'); } }); select(); $('#select-piercing').on('click', '.select__item', function(){ let value = this.dataset.value; $(this).closest(".piercing-wrapper-js").find(".piercing-content-js").hide(); $(this) .closest(".piercing-wrapper-js") .find(".piercing-content-js[data-piercing = " + value + "]") .show(); }) $('.tabs-content__list').children().each(function(){ $(this).addClass('tabs-content__item tab-content-js'); $(this).attr('data-tab', $(this).index()); }); // Gallery slider var slider_product = new Swiper(".gallery-slider-js", { slidesPerView: 1, spaceBetween: 12, lazy: true, scrollbar: { el: ".gallery-slider-js .swiper-scrollbar", }, breakpoints: { 640: { slidesPerView: 1, spaceBetween: 12, }, 768: { slidesPerView: 2, spaceBetween: 12, }, 1024: { slidesPerView: 3, spaceBetween: 12, }, }, }); });