`;
newDiv.classList.add("mobile-only-div");
newDiv.style.display = 'none'; // نبدأ بإخفاء الـ div
let iconsSection = document.querySelector(".store-footer__inner");
console.log(iconsSection);
if (iconsSection) {
iconsSection.appendChild(newDiv);
}
// إضافة حدث للتمرير (scroll)
window.addEventListener("scroll", function () {
// حساب نسبة التمرير
const scrollPosition = window.scrollY;
const documentHeight = document.documentElement.scrollHeight;
const windowHeight = window.innerHeight;
const scrollPercentage = (scrollPosition / (documentHeight - windowHeight)) * 100;
let divHeader = document.querySelector("div#mainnav .flex.items-center.justify-end");
let proudecstic= document.querySelector(".is-sticky-product-bar .sticky-product-bar");
// إظهار الـ div إذا تجاوز التمرير 30%
if (scrollPercentage > 30) {
newDiv.style.display = 'block';
if (divHeader) {
divHeader.style.display = 'none';
}
if (proudecstic) {
proudecstic.style.bottom = '9%';
}
} else {
newDiv.style.display = 'none';
if (divHeader) {
divHeader.style.display = 'flex';
}
if (proudecstic) {
proudecstic.style.bottom = '0';
}
}
});
}
});
/****************************************************/
/****************************************************/
document.addEventListener("DOMContentLoaded", function () {
const heroSliderSection = document.querySelector('section.s-block.s-block--hero-slider.s-block--full-bg.wide-placeholder');
if (heroSliderSection) {
const swiper = new Swiper(heroSliderSection.querySelector('.swiper'), {
slidesPerView: 3, // عرض 3 عناصر في الوقت ذاته
spaceBetween: 10, // المسافة بين العناصر
loop: true, // جعل السلايدر يستمر بالدوران
navigation: {
nextEl: heroSliderSection.querySelector('.s-slider-next'),
prevEl: heroSliderSection.querySelector('.s-slider-prev'),
},
autoplay: {
delay: 3000, // تحريك السلايدر تلقائيًا كل 3 ثوانٍ
},
});
}
});
/*****************************************************/
/*****************************************************/
// الحصول على عنصر الهيدر
const header = document.querySelector('.top-navbar');
console.log(header);
// إنشاء div جديد
const newDiv = document.createElement('div');
newDiv.className = "divtop";
newDiv.textContent = '';
// إدراج الـ div تحت الهيدر
header.insertAdjacentElement('afterend', newDiv);
// إنشاء قائمة غير مرتبة (ul)
const ul = document.createElement('ul');
ul.className = 'slider-ul';
// محتوى النص الذي سيظهر
const content = `أحصل على بوكس جرعة السعادة مجاناً + شحن مجاني عند شرائك بوكس ما لا نهاية .. الكمية محدودة`;
// إنشاء عناصر li وإضافتها إلى ul
for (let i = 1; i <= 6; i++) { // إضافة 6 عناصر li للسلايدر
const li = document.createElement('li');
li.textContent = content;
li.className = 'slider-li';
ul.appendChild(li);
}
// تكرار العناصر لجعل التحريك مستمر
for (let i = 1; i <= 6; i++) { // تكرار العناصر لجعل التحريك مستمر
const li = document.createElement('li');
li.textContent = content;
li.className = 'slider-li';
ul.appendChild(li);
}
// إضافة القائمة إلى الـ div
newDiv.appendChild(ul);
// إضافة الأنميشن عبر CSS
const style = document.createElement('style');
style.textContent = `
.divtop {
overflow: hidden;
width: 100%;
position: relative;
}
.slider-ul {
display: flex;
justify-content: flex-end;
padding: 0;
margin: 0;
list-style: none;
animation: slide 20s linear infinite;
}
.slider-li {
flex: 0 0 50%; /* عرض كل عنصر li ليكون 50% بحيث يظهر اثنان في كل مرة */
white-space: nowrap; /* منع النص من الانكسار */
padding: 10px;
text-align: center;
}
@keyframes slide {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0%);
}
}
`;
document.head.appendChild(style);
/****************************************/
document.addEventListener("DOMContentLoaded", () => {
// استهداف العنصر الذي يحتوي على الأيقونات في الفوتر
let footerDiv = document.querySelector(".store-footer__inner salla-apps-icons");
// التحقق من وجود العنصر المستهدف
if (footerDiv) {
const newDiv = document.createElement('div');
newDiv.className = 'custom-footer-section';
// إضافة div الجديد بعد التحقق من وجود العنصر
footerDiv.appendChild(newDiv);
// استهداف عنصر طرق الدفع في الفوتر
let paymentsDiv = document.querySelector('footer.store-footer salla-payments.s-payments-list.hydrated');
console.log(paymentsDiv);
if (paymentsDiv) {
newDiv.appendChild(paymentsDiv); // نقل عنصر الدفع إلى div الجديد
} else {
console.log("العنصر salla-payments.s-payments-list.hydrated غير موجود.");
}
} else {
console.log("العنصر .store-footer__inner .salla-apps-icons غير موجود.");
}
});