(function($){ "use strict"; $('#preloader').delay(350).fadeOut('slow'); $(window).on('scroll', function(){ if($(document).scrollTop() > 80){ $('.sticky-header,.off-canvas-menu-bar').addClass('fixed-top'); }else{ $('.sticky-header,.off-canvas-menu-bar').removeClass('fixed-top'); }}); $(document).on('change', '.variation-radios input', function(){ $('select[name="'+$(this).attr('name')+'"]').val($(this).val()).trigger('change'); }); $(".product-social-share .float").click(function(){ $(this).html($(this).html()=='' ? '':''); $(".product-social-share .social").toggleClass("padding"); }); const player=Plyr.setup('#tijarah-player', { hideControls: true, controls:['play-large'] }); const player_product_single=new Plyr('#tijarah-player-product-single', { hideControls: true }); $('.tijarah-accordion-item:first-child').addClass('active'); $('.tijarah-accordion-item:first-child .collapse').addClass('show'); $('.collapse').on('shown.bs.collapse', function(){ $(this).parent().addClass('active'); }); $('.collapse').on('hidden.bs.collapse', function(){ $(this).parent().removeClass('active'); }); if($('.off-canvas-menu').length){ var mobileMenuContent=$('.desktop-menu>ul').html(); $('.off-canvas-menu .navigation').append(mobileMenuContent); $('.mobile-nav-toggler').on('click', function(){ $('body').addClass('off-canvas-menu-visible'); }); $('.off-canvas-menu .menu-backdrop,.off-canvas-menu .close-btn').on('click', function(){ $('body').removeClass('off-canvas-menu-visible'); }); } $('.off-canvas-menu li.menu-item-has-children').append(''); $('.off-canvas-menu li.menu-item-has-children .dropdown-btn').on('click', function(){ $(this).prev('ul').slideToggle(500); }); $('a.preview-image-popup').on('click', function(event){ event.preventDefault(); var gallery=$(this).attr('href'); $(gallery).magnificPopup({ delegate: 'a', type: 'image', gallery: { enabled: true }}).magnificPopup('open'); }); $('.zoom-gallery').magnificPopup({ delegate: '.photo-product-item-click', type: 'image', closeOnContentClick: false, closeBtnInside: false, mainClass: 'mfp-with-zoom mfp-img-mobile', image: { verticalFit: true, titleSrc: function(item){ return item.el.attr('title') + ' · See Details'; }}, gallery: { enabled: true }, zoom: { enabled: true, duration: 300, opener: function(element){ return element.find('img'); }} }); $(".woocommerce-ordering select,.tijarah-product-search-form select").niceSelect(); if($(".preview-video-popup")[0]){ $('.preview-video-popup').magnificPopup({ type: 'iframe' }); } $(window).on('scroll', function(){ if($(this).scrollTop() >=700){ $('#backtotop').fadeIn(500); }else{ $('#backtotop').fadeOut(500); }}); $('#backtotop').on('click', function(){ $('body,html').animate({ scrollTop: 0 }, 500); }); $(function(){ if(window.innerWidth > 767){ if($('#sticky').length){ var el=$('#sticky'); var stickyTop=$('#sticky').offset().top; var stickyHeight=$('#sticky').height(); $(window).scroll(function(){ var limit=$('.related').offset().top - stickyHeight + 85; var windowTop=$(window).scrollTop() + 385; if(stickyTop < windowTop - 185){ el.css({ position: 'fixed', top: 0, marginTop: 160, width: 360, }); el.css('margin-top', '120'); }else{ el.css('position', 'static'); el.css('margin-top', '0'); } if(limit < windowTop){ var diff=limit - windowTop; el.css({ top: diff }); }}); }} }); $(function(){ if(window.innerWidth > 767){ if($('.sticky').length){ var el=$('.sticky'); var stickyTop=$('.sticky').offset().top; var stickyHeight=$('.sticky').height(); $(window).scroll(function(){ var limit=$('#colophon').offset().top - stickyHeight + 155; var windowTop=$(window).scrollTop() + 385; if(stickyTop < windowTop - 185){ el.css({ position: 'fixed', top: 0, left: '50%', marginTop: 160, width: 549, }); el.css('margin-top', '120'); }else{ el.css('position', 'static'); el.css('margin-top', '0'); } if(limit < windowTop){ var diff=limit - windowTop; el.css({ top: diff }); }}); }} }); $(function(){ if(window.innerWidth < 769){ if($('.widget-add-to-cart').length){ let elChild=$('.widget-add-to-cart .single_add_to_cart_button'); $(window).scroll(function(){ let limit=$('.footer-widgets').offset().top; let windowTop=$(window).scrollTop(); if(windowTop > 0){ elChild.css({ position: 'fixed', opacity: 1, bottom: 0, left: 0, zIndex: 999, width: '100%', borderRadius: 0, border: 'none', animation: "1s ease-in-out 0s fadeInUp" }); }else{ elChild.css({opacity: 0}); setTimeout(()=> { elChild.css({ opacity: 1, position: 'relative', width: '100%', borderRadius: 50, border: 'none', zIndex: 0 }); }, 1000); } if(limit < windowTop + 1000){elChild.css({opacity: 0});}}); }} }); $(document).ready(function(){ $('#mobil-header-carousel').carousel({ interval: false, pause: true }); }); $(document).ready(function(){ $('#carouselReferans').carousel({ interval: 6000 }); }); })(jQuery); let ustAramaId=document.querySelector('#ust-arama-id'); let ustAramaInput=document.querySelector('#ust-arama-input'); let yorumForm=document.querySelector('#commentform'); let yorumIsim=document.querySelector('#commentform #author'); let yorumText=document.querySelector('#commentform #comment'); let yorumPosta=document.querySelector('#commentform #email'); let toggleClick=document.querySelector('.mobile-nav-toggler'); eventListener(); function eventListener(){ ustAramaId.addEventListener('submit', aramaFunc); if(yorumForm){ yorumForm.addEventListener('submit', yorumFunc); }} function aramaFunc(e){ if(ustAramaInput.value===''){ ustAramaInput.placeholder='Lütfen bir anahtar kelime girin...'; setTimeout(()=> { ustAramaInput.placeholder='Ürün arayın...'; }, 2000); e.preventDefault(); }} function yorumFunc(e){ if(yorumIsim===undefined){ if(yorumText.value===''){ alert('Lütfen gerekli alanları doldurunuz.'); e.preventDefault(); }}else{ if(yorumText.value===''||yorumIsim.value===''|| yorumPosta.value===''){ alert('Lütfen gerekli alanları doldurunuz.'); e.preventDefault(); }} } let mobilHizmetSliderSelect=document.querySelectorAll('.mobil-slider .carousel-item')[0]; mobilHizmetSliderSelect.className="carousel-item active"; let refCarouselSelect=document.querySelectorAll('#carouselReferans .carousel-item')[0]; refCarouselSelect.className="carousel-item active";