// let esm = 'كنوز التسويق'; // let link = "https://konoozag.com/"; // document.addEventListener("DOMContentLoaded", function () { // document.querySelector(".copyright-text p").innerHTML = ` // صنع بإتقان على | 2025 // ${esm} // `; // }); // document.addEventListener('contextmenu', function (e) { // e.preventDefault(); // }); // // منع اختصارات F12 و Ctrl + Shift + C و Ctrl + U // document.addEventListener('keydown', function (e) { // if (e.key === 'F12' || // (e.ctrlKey && e.shiftKey && (e.key === 'I' || e.key === 'C' || e.key === 'J')) || // (e.ctrlKey && e.key === 'U')) { // e.preventDefault(); // alert('Action disabled! 🚫'); // } // }); // document.addEventListener("DOMContentLoaded", () => { // // إنشاء عنصر الحاوية الرئيسي // const faqSection = document.createElement("section"); // faqSection.id = "faq-section"; // faqSection.style.cssText = ` // background-color:transparent; // padding: 2rem; // margin: 2rem auto; // width: 90%; /* العرض 90% من حجم الشاشة */ // max-width: 800px; /* أقصى عرض للقسم */ // border-radius: 10px; // `; // // إضافة عنوان القسم // const faqTitle = document.createElement("h2"); // faqTitle.innerText = "الأسئلة الشائعة"; // faqTitle.style.cssText = ` // text-align: center; // color:#fff; // margin-bottom: 1.5rem; // font-size: 1.5rem; /* حجم الخط يناسب الشاشات */ // `; // faqSection.appendChild(faqTitle); // // البيانات الخاصة بالأسئلة الشائعة // const faqData = [ // { // question: "ما هي خيارات الدفع المتوفرة؟", // answer: "يمكنك الدفع باستخدام مدى، البطاقات الائتمانية، Apple Pay ، Stc Pay " // }, // { // question: "كم يستغرق توصيل الطلب؟", // answer: "عادةً ما يتم توصيل الطلبات خلال 7 - 14 يوم عمل." // }, // { // question: "هل يمكنني استرجاع المنتجات؟", // answer: "نعم، يمكنك استرجاع المنتجات خلال 7 أيام من استلامها وفقًا لسياسة الإرجاع." // }, // ]; // // إنشاء الأسئلة والإجابات // faqData.forEach(({ question, answer }) => { // const questionContainer = document.createElement("div"); // questionContainer.style.cssText = ` // margin-bottom: 1rem; // border-bottom: 1px solid #ccc; // padding-bottom: 0.5rem; // `; // const questionEl = document.createElement("h3"); // questionEl.innerText = question; // questionEl.style.cssText = ` // cursor: pointer; // margin: 0; // color:#fff; // font-size: 1.2rem; // `; // const answerEl = document.createElement("p"); // answerEl.innerText = answer; // answerEl.style.cssText = ` // display: none; // margin-top: 0.5rem; // color:#fff; // font-size: 1rem; // `; // // إضافة تفاعل النقر // questionEl.addEventListener("click", () => { // const isVisible = answerEl.style.display === "block"; // answerEl.style.display = isVisible ? "none" : "block"; // }); // questionContainer.appendChild(questionEl); // questionContainer.appendChild(answerEl); // faqSection.appendChild(questionContainer); // }); // // إضافة القسم قبل الفوتر // const footer = document.querySelector("footer"); // footer.parentNode.insertBefore(faqSection, footer); // }); // const footer = document.querySelector('.store-footer'); // const wavesContainer = document.createElement('div'); // wavesContainer.innerHTML = ` //
//
//
//
// `; // wavesContainer.classList.add('waves'); // footer.insertBefore(wavesContainer, footer.firstChild); // function handleScroll() { // const elements = document.querySelectorAll('.banner--fixed img'); // elements.forEach(element => { // const rect = element.getBoundingClientRect(); // // إذا العنصر ظهر في نافذة المتصفح // if (rect.top <= window.innerHeight && rect.bottom >= 0) { // // هنضيف الكلاس visible لتشغيل تأثير الـ Bounce و Zoom // if (!element.classList.contains('visible')) { // element.classList.add('visible'); // } // } else { // // لو العنصر مش ظاهر، نشيل الكلاس visible علشان التأثير يتكرر لما يظهر تاني // if (element.classList.contains('visible')) { // element.classList.remove('visible'); // } // } // }); // } // window.addEventListener('scroll', handleScroll); // handleScroll(); // لتنفيذ التأثير أول مرة عند تحميل الصفحة // function handleScroll2() { // const elements = document.querySelectorAll('salla-slider.photos-slider'); // elements.forEach(element => { // const rect = element.getBoundingClientRect(); // // إذا العنصر ظهر في نافذة المتصفح (مرة واحدة فقط) // if (rect.top <= window.innerHeight && rect.bottom >= 0) { // if (!element.classList.contains('visible')) { // element.classList.add('visible'); // إضافة الكلاس ليحصل التأثير // } // } // }); // } // window.addEventListener('scroll', handleScroll2); // handleScroll2(); // لتنفيذ التأثير عند تحميل الصفحة // function handleScroll3() { // const elements = document.querySelectorAll('.lazy__bg'); // elements.forEach(element => { // const rect = element.getBoundingClientRect(); // // إذا العنصر ظهر في نافذة المتصفح // if (rect.top <= window.innerHeight && rect.bottom >= 0) { // // هنضيف الكلاس visible لتشغيل تأثير الـ Bounce و Zoom // if (!element.classList.contains('visible')) { // element.classList.add('visible'); // } // } else { // // لو العنصر مش ظاهر، نشيل الكلاس visible علشان التأثير يتكرر لما يظهر تاني // if (element.classList.contains('visible')) { // element.classList.remove('visible'); // } // } // }); // } // window.addEventListener('scroll', handleScroll3); // handleScroll3(); // لتنفيذ التأثير أول مرة عند تحميل الصفحة // function handleScrollBlur() { // const elements = document.querySelectorAll('.s-product-card-vertical'); // elements.forEach(element => { // const rect = element.getBoundingClientRect(); // // التحقق إذا كان العنصر داخل نافذة العرض // if (rect.top <= window.innerHeight && rect.bottom >= 0) { // element.classList.add('visible'); // إضافة كلاس التفعيل // } else { // element.classList.remove('visible'); // إزالة كلاس التفعيل // } // }); // } // // تنفيذ الكود عند التمرير // window.addEventListener('scroll', handleScrollBlur); // // استدعاء الوظيفة عند تحميل الصفحة // handleScrollBlur(); // // Create scrolling text dynamically // const scrollingDiv = document.createElement('div'); // scrollingDiv.className = 'scrolling-text'; // const textContent = ` // 🔥 خصومات لن تجدها إلا هنا // 💥💵 أسعار تبدأ من المستحيل // 🔥 عروض حصرية تنتظرك الآن // ⏳💰 لا تفوت فرص التوفير اليوم // 🛒💥 عروض حصرية تنتظرك الآن // `; // scrollingDiv.innerHTML = ` //
// ${textContent.repeat(4)} //
// `; // const sallaSlider = document.querySelector('salla-slider'); // if (sallaSlider) { // sallaSlider.insertAdjacentElement('afterend', scrollingDiv); // } // document.addEventListener("DOMContentLoaded", () => { // const bannerImages = document.querySelectorAll("salla-slider.photos-slider"); // const bannerObserver = new IntersectionObserver((entries, observer) => { // entries.forEach(entry => { // if (entry.isIntersecting) { // entry.target.classList.add("visible"); // observer.unobserve(entry.target); // } // }); // }, { // threshold: 0.1 // }); // bannerImages.forEach(image => bannerObserver.observe(image)); // const productCards = document.querySelectorAll(".s-product-card-entry"); // const productObserver = new IntersectionObserver((entries, observer) => { // entries.forEach(entry => { // if (entry.isIntersecting) { // entry.target.classList.add("visible"); // observer.unobserve(entry.target); // } // }); // }, { // threshold: 0.1 // }); // productCards.forEach(card => { // productObserver.observe(card); // }); // //زرار الطلوع لي فوق // const backToTopButton = document.createElement("div"); // backToTopButton.id = "backToTop"; // backToTopButton.innerHTML = ` //
// // // //
// // // // `; // document.body.appendChild(backToTopButton); // const style = ` // #backToTop { // position: fixed; // bottom: 20px; // right: 20px; // width: 60px; // height: 60px; // display: none; // z-index: 1000; // } // #backToTop .icon { // position: absolute; // top: 50%; // left: 50%; // transform: translate(-50%, -50%); // z-index: 2; // color: var(--main-color); // } // .circular-chart { // width: 100%; // height: 100%; // transform: rotate(-90deg); // } // .circle-bg { // fill: none; // stroke: transparent; // stroke-width: 3.8; // } // .circle { // fill: none; // stroke: var(--main-color); // stroke-width: 3.8; // stroke-dasharray: 100, 100; // stroke-linecap: round; // transition: stroke-dasharray 0.1s linear; // } // #backToTop:hover .icon { // color: #8dacb7; // } // `; // const styleSheet = document.createElement("style"); // styleSheet.type = "text/css"; // styleSheet.textContent = style; // document.head.appendChild(styleSheet); // window.addEventListener("scroll", () => { // const scrollTop = window.scrollY; // const docHeight = document.documentElement.scrollHeight - window.innerHeight; // const scrollPercent = (scrollTop / docHeight) * 100; // if (scrollPercent > 1) { // backToTopButton.style.display = "block"; // } else { // backToTopButton.style.display = "none"; // } // const circle = document.querySelector(".circle"); // const offset = 100 - scrollPercent; // circle.style.strokeDasharray = `${scrollPercent}, 100`; // }); // backToTopButton.addEventListener("click", () => { // window.scrollTo({ // top: 0, // behavior: "smooth", // }); // }); // }); // // Additional code block // document.querySelectorAll('a[href=""], a[href="#"]').forEach(link => { // link.addEventListener('click', event => { // event.preventDefault(); // }); // }); // // Select the salla-product-options element // const sallaProductOptions = document.querySelector('salla-product-options'); // // Ensure the element exists before proceeding // if (sallaProductOptions) { // // Create the alert message // const alertMessage = document.createElement('p'); // alertMessage.textContent = "الرجاء اختيار أحد هذا الاختيارات للتمكن من اتمام الشراء"; // // Apply styles directly to the element // alertMessage.style.backgroundColor = '#ffdddd'; // alertMessage.style.color = '#a94442'; // alertMessage.style.padding = '15px'; // alertMessage.style.border = '1px solid #a94442'; // alertMessage.style.borderRadius = '5px'; // alertMessage.style.marginBottom = '10px'; // alertMessage.style.fontWeight = 'bold'; // alertMessage.style.textAlign = 'center'; // // Insert the alert message at the beginning of the salla-product-options element // sallaProductOptions.insertBefore(alertMessage, sallaProductOptions.firstChild); // } else { // console.error("The 'salla-product-options' element was not found on the page."); // } // // Apply styles directly to the element // var whatsappFloat = document.createElement('div'); // whatsappFloat.className = 'whatsapp-float'; // // Create the WhatsApp link container // var whatsappFloat = document.createElement('div'); // whatsappFloat.className = 'whatsapp-float'; // // Create the WhatsApp link container // var whatsappPopup = document.createElement('div'); // whatsappPopup.className = 'whatsapp-popup'; // whatsappPopup.style.display = 'none'; // Initially hidden // // Create the popup content with avatar, text, and list of options // var popupContent = ` // //
// // //
// // `; // whatsappPopup.innerHTML = popupContent; // // Append the popup to the container // whatsappFloat.appendChild(whatsappPopup); // // Create the WhatsApp icon // var whatsappIcon = document.createElement('img'); // whatsappIcon.src = 'https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg'; // whatsappIcon.alt = 'WhatsApp'; // whatsappIcon.className = 'whatsapp-icon'; // // Append the icon to the container // whatsappFloat.appendChild(whatsappIcon); // // Append the WhatsApp button to the body // document.body.appendChild(whatsappFloat); // // Add CSS styles dynamically // var style = document.createElement('style'); // style.innerHTML = ` // .whatsapp-float { // position: fixed; // bottom: 20px; // left: 20px; // z-index: 100; // } // .logo-container{ // height: 50px; // margin: auto; // } // .whatsapp-icon { // width: 60px; // height: 60px; // border-radius: 50%; // box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); // cursor: pointer; // transition: transform 0.3s ease-in-out; // } // .whatsapp-icon:hover { // transform: scale(1.1); // } // .whatsapp-popup { // position: fixed; // bottom: 90px; // left: 20px; // background: linear-gradient(var(--second-color), var(--main-color)); // width: 300px; // box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); // padding: 15px; // color: white; // z-index: 101; // border-radius: 10px; // } // .popup-header { // display: flex // ; // justify-content: space-between; // align-items: center; // } // .adfaz-container { // display: flex // ; // padding-top: 6px; // align-items: flex-end; // justify-content: space-evenly; // } // .avatar-img { // width: 40px; // height: 40px; // border-radius: 50%; // margin-right: 10px; // } // .support-text { // font-size: 16px; // font-weight: bold; // } // .close-popup { // background: none; // border: none; // font-size: 20px; // cursor: pointer; // } // .popup-body { // } // .options-list { // list-style-type: none; // padding: 0; // margin: 10px 0; // } // .options-list li { // margin-bottom: 5px; // } // .whatsapp-button { // display: block; // width: 100%; // text-align: center; // background-color: #25d366; // color: white; // padding: 10px 15px; // border-radius: 5px; // text-decoration: none; // margin-top: 15px; // } // .whatsapp-button:hover { // background-color: #1ebe55; // } // .adfaz-container { // display: flex; // align-items: center; // } // .adfaz-link { // display: flex; // text-decoration: none; // color: black; // } // .adfaz-img { // width: 30px; // height: 30px; // margin-left: 3px; // } // .adfaz-text { // font-size: 12px; // color: white; // } // .support-text { // font-size: 16px; // font-weight: bold; // } // `; // document.head.appendChild(style); // // Toggle the popup when the icon is clicked // whatsappIcon.addEventListener('click', function() { // whatsappPopup.style.display = (whatsappPopup.style.display === 'none') ? 'block' : 'none'; // }); // // Close the popup when the close button is clicked // document.querySelector('.close-popup').addEventListener('click', function() { // whatsappPopup.style.display = 'none'; // }); // // Close the popup when the close button is clicked // document.querySelector('.close-popup').addEventListener('click', function() { // whatsappPopup.style.display = 'none'; // }); // /* Add custom Js code below */ // // Load FontAwesome for icons // var fontAwesomeLink = document.createElement("link"); // fontAwesomeLink.rel = "stylesheet"; // fontAwesomeLink.href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"; // document.head.appendChild(fontAwesomeLink); // // Google Tag Manager (unchanged) // (function () { // var script = document.createElement('script'); // script.innerHTML = "(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-N36BWD87');"; // document.head.appendChild(script); // })(); // // Google Tag Manager NoScript fallback (unchanged) // (function () { // var noscriptTag = document.createElement('noscript'); // var iframeTag = document.createElement('iframe'); // iframeTag.src = "https://www.googletagmanager.com/ns.html?id=GTM-N36BWD87"; // iframeTag.height = "0"; // iframeTag.width = "0"; // iframeTag.style.display = "none"; // iframeTag.style.visibility = "hidden"; // noscriptTag.appendChild(iframeTag); // document.body.appendChild(noscriptTag); // })(); // // Insert the banner swap (now called banSwiper) // const banSwiperHTML = ` // // `; // // Insert the banSwiper as the first element in the body // document.body.insertAdjacentHTML('afterbegin', banSwiperHTML); // // Create the loader div element // const loaderDiv = document.createElement('div'); // loaderDiv.id = 'loaderr'; // loaderDiv.style.zIndex = '999'; // // Create the 'everything' div // const everythingDiv = document.createElement('div'); // everythingDiv.className = 'everything'; // // Create the 'loading-container' div // const loadingContainerDiv = document.createElement('div'); // loadingContainerDiv.className = 'loading-container'; // // Create the SVG element for the cart icon // const svgElement = ` //
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
// `; // // Create the loading text div // // Create the 'loading-text' div and set the text content // const loadingTextDiv = document.createElement('div'); // // Append the SVG and loading text div to the loading container // loadingContainerDiv.innerHTML = svgElement; // // Append the loading container to the everything div // everythingDiv.appendChild(loadingContainerDiv); // // Append the everything div to the loader div // loaderDiv.appendChild(everythingDiv); // // Finally, append the loader div to the body // document.body.appendChild(loaderDiv); // y // // Finally, append the loader div to the body