// ==================== Main ====================
// ========== Lang Curn Explain Text ==========
const langCurnExplain = document.createElement('span');
langCurnExplain.textContent = 'تغيير العملة';
langCurnExplain.style.marginInlineEnd = '.5rem';
[document.querySelector('.menu-fixed-bar button'), document.querySelector('.store-header .header-btn')].forEach(e => e.prepend(langCurnExplain.cloneNode(true)));
// ========== Products Cards Discount Percentage ==========
const productsSections = [...document.querySelectorAll('salla-products-list'), ...document.querySelectorAll('salla-products-slider')];
productsSections.forEach(s => {
const productsInt = setInterval(() => {
if (s.querySelector('.s-button-wrap.hydrated')) {
clearInterval(productsInt);
s.querySelectorAll('.s-product-card-sale-price').forEach(e => {
const originalPrice = Number.parseFloat(e.querySelector('span').textContent.replace(/,/g, ''));
const newPrice = Number.parseFloat(e.querySelector('h4').textContent.replace(/,/g, ''));
const discountPercentage = Math.round(((originalPrice - newPrice) / originalPrice) * 100) + '%';
const discountPercentageElm = document.createElement('div');
discountPercentageElm.textContent = `خصم ${discountPercentage}`;
e.append(discountPercentageElm);
});
}
});
});
// ========== Custom WhatsApp Icon ==========
waIcon = document.createElement('div');
waIcon.className = 'float-wa';
waIcon.innerHTML = `
يا هلا👋 عندك سؤال؟ تواصل معنا
`;
const waIconBtn = document.createElement('button');
waIconBtn.className = 'hide-msg-btn sicon-cancel';
waIconBtn.onclick = () => waIcon.classList.add('hidden-msg');
waIcon.append(waIconBtn);
const prodOptCont = document.querySelector('.page-container.product-has-options .main-content')
prodOptCont ? prodOptCont.append(waIcon) : document.body.append(waIcon);
// ==================== Home Page ====================
if (document.body.classList.contains('index')) {
// ========== Categories&Social Banners ==========
let bannersBlocks;
const bannersBlocksInt = setInterval(() => {
bannersBlocks = document.querySelectorAll('.s-block--banners');
if (bannersBlocks.length === 2) {
clearInterval(bannersBlocksInt);
bannersBlocks[0].classList.add('categories-banners');
bannersBlocks[1].classList.add('social-banners');
bannersBlocks[0].querySelectorAll('a').forEach(e => {
const bfImg = document.createElement('img');
bfImg.src = 'https://i.ibb.co/9GnJb1d/05-shopping-bag.gif';
e.prepend(bfImg);
});
document.querySelectorAll('section.s-block--banners a').forEach(e => {
const bgImg = document.createElement('img');
bgImg.src = e.getAttribute("data-bg");
e.append(bgImg);
});
}
});
// ========== App Banner ==========
const appStore = document.querySelector('section:has([href="https://apps.apple.com/us/app/zmord/id6593659607?platform=iphone"])');
const appBanner = appStore.previousElementSibling;
appBanner.classList.add('app-banner');
const playStore = appStore.nextElementSibling;
appBanner.querySelector('.container').append(appStore.querySelector('a'), playStore.querySelector('a'));
}
// ==================== Product Page ====================
if (document.body.classList.contains('product-single')) {
// ========== Copy Disc Edit ==========
// if (document.body.querySelector('h1').textContent == "ليزر ملاي T14 الجديد بميزة التبريد ") {
// const copyDisc = document.createElement('div');
// copyDisc.className = 'copy-disc';
// const discText = document.createElement('span');
// const originalDiscText = "انسخي كود الخصم";
// discText.textContent = originalDiscText;
// const discIcon = document.createElement('i');
// discIcon.className = 'sicon-special-discount';
// copyDisc.append(discIcon, discText);
// document.querySelector('div:has(> div > .starting-or-normal-price)').after(copyDisc);
// const discCode = "SM";
// copyDisc.addEventListener("click", () => {
// // Create a temporary input element to copy text
// const tempInput = document.createElement("input");
// tempInput.value = discCode;
// document.body.appendChild(tempInput);
// tempInput.select();
// document.execCommand("copy");
// document.body.removeChild(tempInput);
// discText.textContent = "تم النسخ";
// copyDisc.style.pointerEvents = "none";
// // Revert back after 3 seconds
// setTimeout(() => {
// discText.textContent = originalDiscText;
// copyDisc.style.pointerEvents = "initial";
// }, 3000);
// });
// }
const desc = document.querySelector('.article--main');
// ========== sale Amount Tag ==========
const salePrices = document.querySelectorAll('.price_is_on_sale');
if (salePrices) {
const bfPr = salePrices[0].querySelector('.before-price');
const afpr = salePrices[0].querySelector('.total-price');
const currency = afpr.textContent.split(' ')[1]
let saleAmountElms = [];
salePrices.forEach((e) => {
const saleAmountWrap = document.createElement('div');
saleAmountWrap.className = 'sale-amount-wrap';
saleAmountWrap.innerHTML = `
`;
const saleAmountElm = document.createElement('span');
saleAmountElms.push(saleAmountElm);
calcSaleAmount([saleAmountElm]);
saleAmountWrap.append(saleAmountElm);
e.append(saleAmountWrap);
});
if (document.getElementById('options-panel-trigger')) {
let productOptions;
const productOptionsInt = setInterval(() => {
productOptions = document.querySelectorAll('.s-product-options-wrapper select');
if (productOptions.length) {
clearInterval(productOptionsInt);
productOptions.forEach(e => e.addEventListener('change', () => {
const callback = function(mutationsList, observer) {
mutationsList.forEach((mutation) => {
if (mutation.type === 'attributes') {
calcSaleAmount(saleAmountElms);
afprObserver.disconnect()
}
});
};
const afprObserver = new MutationObserver(callback);
afprObserver.observe(afpr, { attributes: true });
}));
}
});
}
function calcSaleAmount(arr) {
let saleAmount = Number.parseFloat(bfPr.textContent.replace(/,/g, '')) - Number.parseFloat(afpr.textContent.replace(/,/g, ''));
saleAmount = Number(saleAmount.toFixed(2));
if (saleAmount > 0) {
arr.forEach(e => e.innerHTML = `وفري
${saleAmount.toLocaleString('en-US')}
${currency}`);
document.body.classList.remove('no-sale-amount');
} else document.body.classList.add('no-sale-amount');
}
}
// ========== Countdown Timer ==========
const cdParas = Array.from(desc.querySelectorAll('p'));
const cdStartIndex = cdParas.findIndex(p => p.textContent.includes('START-COUNTDOWN'));
if (cdStartIndex !== -1) {
let cdTitle = '';
let cdDate = '';
for (let i = cdStartIndex; i < cdParas.length; i++) {
const p = cdParas[i];
const text = p.textContent.trim();
if (text.startsWith('TITLE:')) cdTitle = text.replace('TITLE:', '').trim();
else if (text.startsWith('DATE:')) cdDate = text.replace('DATE:', '').trim();
p.remove();
if (text.includes('END-COUNTDOWN')) break;
}
const cdTarget = new Date(cdDate);
if (cdDate && !isNaN(cdTarget)) {
const cdWrap = document.createElement('div');
cdWrap.className = 'cus-countdown';
cdWrap.innerHTML = `
عرض محدود
${cdTitle || 'ينتهي العرض بعد'}
00
يوم
:
00
ساعة
:
00
دقيقة
:
00
ثانية
`;
function cdPad(n) { return String(n).padStart(2, '0'); }
function cdTick() {
const diff = cdTarget - new Date();
if (diff <= 0) { cdWrap.remove(); return; }
const days = Math.floor(diff / 86400000);
const hours = Math.floor((diff % 86400000) / 3600000);
const mins = Math.floor((diff % 3600000) / 60000);
const secs = Math.floor((diff % 60000) / 1000);
cdWrap.querySelector('#cd-days').textContent = cdPad(days);
cdWrap.querySelector('#cd-hours').textContent = cdPad(hours);
cdWrap.querySelector('#cd-mins').textContent = cdPad(mins);
cdWrap.querySelector('#cd-secs').textContent = cdPad(secs);
}
cdTick();
setInterval(cdTick, 1000);
let attempts = 0;
function tryInsert() {
attempts++;
const ratingEl = document.querySelector('.s-rating-stars-wrapper');
if (ratingEl) {
const ratingRow = ratingEl.closest('.flex.justify-between.items-center') || ratingEl.parentElement.parentElement;
if (!cdWrap.parentNode) {
ratingRow.after(cdWrap);
}
} else if (attempts < 10) {
setTimeout(tryInsert, 200);
} else {
const h1El = document.querySelector('h1');
if (!cdWrap.parentNode) {
if (h1El) h1El.after(cdWrap);
else desc.after(cdWrap);
}
}
}
tryInsert();
}
}
// ========== Sort Sections ==========
const sortCont = document.createElement('div');
sortCont.className ='sort-cont';
const elementOrder = ['.main-link', '.product__description + div:has(> a)', 'div:has(>salla-installment)'];
elementOrder.forEach(classSelc => {
const e = document.querySelector(classSelc);
if (e) sortCont.append(e);
});
desc ? document.getElementById('product-details-tab').after(sortCont) : document.getElementById('single-product-form').before(sortCont);
// ========== Read More ==========
if (desc && desc.clientHeight > 320) {
document.querySelector('.product__description').style.display = 'none';
desc.classList.add('read-more-close');
const readMoreWrap = document.createElement('div');
readMoreWrap.className = 'read-more-wrap';
const readMoreBtn = document.createElement('button');
readMoreBtn.className = 'read-more-btn';
readMoreBtn.textContent = 'قراءة المزيد';
readMoreWrap.append(readMoreBtn);
desc.after(readMoreWrap);
readMoreBtn.onclick = function () {
readMoreWrap.style.display = 'none';
desc.classList.remove('read-more-close');
}
}
}