Edit File: main.js
/*==================== NAV SEARCH BUTTON ====================*/ (function($) { "use strict"; $(document).ready(function() { var searchBtn = document.getElementById("header-search-btn"); $(searchBtn).click(function() { console.log("clicked"); $("#navSearch").toggleClass("show"); }); }); })(jQuery); function navbarSearch() { var navbarSearchMenu = document.getElementById("navSearch"); navbarSearchMenu.classList.toggle("show"); } /*==================== MOBILE MENU OPEN/CLOSE ====================*/ function mobileMenuFunction() { var mobileMenuOpenStyle = document.getElementById("mobileMenu"); if (mobileMenuOpenStyle.style.transform == "translateX(-120%)") { mobileMenuOpenStyle.style.transform = "translateX(0%)"; document.body.classList.add("dark-overlay-menu"); } else { mobileMenuOpenStyle.style.transform = "translateX(-120%)"; document.body.classList.remove("dark-overlay-menu"); } } function mobilePower() { var mobileMenuOpenStyle = document.getElementById("mobileMenu"); if (mobileMenuOpenStyle.style.transform == "translateX(0%)") { mobileMenuOpenStyle.style.transform = "translateX(-120%)"; document.body.classList.remove("dark-overlay-menu"); } else { mobileMenuOpenStyle.style.transform = "translateX(0%)"; document.body.classList.add("dark-overlay-menu"); } } /*==================== MOBILE MENU TOGGLE SUBMENU ====================*/ (function dropDownMenu(){ var liElement = document.querySelectorAll(".mobil-menu-ul li.menu-item"); liElement.forEach(item => { var newElement = document.createElement("span"); newElement.classList.add("menu-toggle-icon"); if ( item.classList.contains("menu-item-has-children") ) { item.appendChild(newElement); newElement.innerHTML = '<i class="fas fa-caret-down"></i>'; } newElement.addEventListener("click", () => { for(let i=0; i<item.children.length; i++){ if(item.children[i].classList.contains('sub-menu')){ item.children[i].classList.toggle('show') } } newElement.classList.toggle('rotate'); }); }) })(); /*==================== DARK LIGHT THEME ====================*/ const themeButton = document.getElementById('theme-button') const themeButtonMobile = document.getElementById('theme-button-mobile') const darkTheme = 'dark-theme' const getCurrentTheme = () => document.body.classList.contains(darkTheme) ? 'dark' : 'light'; const selectedTheme = localStorage.getItem('selected-theme'); if (selectedTheme) { document.body.classList[selectedTheme === 'dark' ? 'add' : 'remove'](darkTheme) } themeButton.addEventListener('click', () => { document.body.classList.toggle(darkTheme); localStorage.setItem('selected-theme', getCurrentTheme()); }); themeButtonMobile.addEventListener('click', () => { document.body.classList.toggle(darkTheme); localStorage.setItem('selected-theme', getCurrentTheme()); }); //===================== ACCORDION SHORTCODE [orun_accordion] =====================// const accordionheader = document.querySelectorAll(".accordion-header"); accordionheader.forEach(accHeader => { accHeader.addEventListener("click", event => { accHeader.classList.toggle("active"); const accordionbody = accHeader.nextElementSibling; if ( accHeader.classList.contains("active") ) { accordionbody.style.maxHeight = accordionbody.scrollHeight + "px"; } else { accordionbody.style.maxHeight = 0; } }); }); //===================== GO TO TOP BUTTON =====================// gotobutton = document.querySelector("#gotoTopBtn"); window.onscroll = function() {scrollFunction()}; function scrollFunction() { if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { gotobutton.style.opacity = "1"; gotobutton.style.visibility = "visible"; } else { gotobutton.style.opacity = "0"; gotobutton.style.visibility = "hidden"; } } function gotoTop() { document.body.scrollTop = 0; document.documentElement.scrollTop = 0; } jQuery('.owl-carousel').owlCarousel({ loop:true, nav:true, margin:5, responsive:{ 0:{ items:1 } } }) jQuery('.owl-carousel.custom-2').owlCarousel({ loop:true, nav:true, margin:5, responsive: { 0: { items: 1 }, 600: { items: 2 }, 1000: { items: 4 } } }) document.addEventListener('DOMContentLoaded', function () { var copyLinkButton = document.querySelector('.orun-pm-copy-link'); var couponCode = document.querySelector('.orun-pm-coupon-code'); if (copyLinkButton && couponCode) { copyLinkButton.addEventListener('click', function () { var codeToCopy = couponCode.innerText; var tempInput = document.createElement('input'); document.body.appendChild(tempInput); tempInput.value = codeToCopy; tempInput.select(); document.execCommand('copy'); document.body.removeChild(tempInput); alert('Kupon kodu kopyalandı: ' + codeToCopy); }); } var copyLinkButton1 = document.querySelector('.orun-pm-copy-link.copy-2'); var couponCode1 = document.querySelector('.orun-pm-coupon-code.code-2'); if (copyLinkButton1 && couponCode1) { copyLinkButton1.addEventListener('click', function () { var codeToCopy = couponCode1.innerText; var tempInput = document.createElement('input'); document.body.appendChild(tempInput); tempInput.value = codeToCopy; tempInput.select(); document.execCommand('copy'); document.body.removeChild(tempInput); alert('Kupon kodu kopyalandı: ' + codeToCopy); }); } });