/* ============================================================ محافظ کلی: کل اسکریپت (شامل هر دو IIFE پایین) تا زمانی که body واقعاً آماده نشده اجرا نمی‌شود. این کار باعث می‌شود اگر این کد به‌اشتباه در باکس «بالای صفحه» (که قبل از رندر body اجرا می‌شود) هم قرار بگیرد، دیگر با خطای «body وجود ندارد» کل صفحه را نشکند. با این حال توصیه می‌شود این فایل را در باکس «پایین صفحه» بگذارید. ============================================================ */ function apamaRunWhenReady(fn) { if (document.body) { fn(); } else { document.addEventListener('DOMContentLoaded', fn); } } apamaRunWhenReady(function() { (function() { function toPersian(n) { var p = ['0','1','2','3','4','5','6','7','8','9']; return n.toString().replace(/\d/g, function(d) { return p[d]; }); } function checkIsTargetPage() { var path = window.location.pathname.toLowerCase(); if (path.indexOf('/categories') !== -1 || path.indexOf('/category') !== -1 || path === '/products' || path === '/products/') { return false; } var isCart = (path.indexOf('/cart') !== -1 || path.indexOf('/basket') !== -1); var isProduct = (path.indexOf('/product') !== -1 || document.querySelector('button[name="add-to-cart"], .add-to-cart, [class*="add-to-cart"], .product-buy, form[action*="cart"]')); return !!(isCart || isProduct); } function getTargetPrice() { try { var path = window.location.pathname.toLowerCase(); var isCart = (path.indexOf('/cart') !== -1 || path.indexOf('/basket') !== -1); if (isCart) { var totalNodes = document.querySelectorAll('.cart-total-price, .total-price, .final-price, [class*="total"] [class*="price"], .cart-total'); for (var i = 0; i < totalNodes.length; i++) { var cleanTotal = totalNodes[i].innerText.replace(/\D/g, ''); var valTotal = parseInt(cleanTotal, 10); if (valTotal > 1000) return valTotal; } } var meta = document.querySelector('meta[property="product:price:amount"], meta[itemprop="price"], meta[name="price"]'); if (meta && meta.content) { var m = parseInt(meta.content, 10); if (m > 1000) return m; } var nodes = document.querySelectorAll('.product-price, .price, .amount, .special-price, .current-price, [class*="price"], [id*="price"]'); for (var j = 0; j < nodes.length; j++) { if (nodes[j].closest('del, s, strike, .old-price, .line-through')) continue; var clean = nodes[j].innerText.replace(/\D/g, ''); var val = parseInt(clean, 10); if (val > 1000) return val; } } catch(e) {} return 0; } var topBrandsData = [ { theme: 'theme-torob', name: 'ترب‌پی', icon: '' }, { theme: 'theme-snapp', name: 'اسنپ‌پی', icon: '' }, { theme: 'theme-digipay', name: 'دیجی‌پی', icon: '' } ]; var floatBrandsData = [ { theme: 'theme-torob', icon: '' }, { theme: 'theme-snapp', icon: '' }, { theme: 'theme-digipay', icon: '' } ]; var topBrandIdx = 0; var floatBrandIdx = 0; var apamaCategories = [ { id: 'makeup', name: 'لوازم آرایشی', icon: '', allUrl: 'https://apamabeauty.ir/products/categories/arayeeshi-tools', children: [ { name: 'آرایش صورت', url: 'https://apamabeauty.ir/products/categories/araye-shobe-soorat', grands: [ { name: 'همه محصولات آرایش صورت', url: 'https://apamabeauty.ir/products/categories/araye-shobe-soorat', isPink: true }, { name: 'کرم پودر', url: 'https://apamabeauty.ir/products/categories/foundation' }, { name: 'کانسیلر و کورکتور', url: 'https://apamabeauty.ir/products/categories/concealer-corrector' }, { name: 'پرایمر صورت', url: 'https://apamabeauty.ir/products/categories/face-primer' }, { name: 'پنکک و پودر فیکس', url: 'https://apamabeauty.ir/products/categories/panakak-va-powder-fix' }, { name: 'کانتور و برانزر', url: 'https://apamabeauty.ir/products/categories/contour-bronzer' }, { name: 'هایلایتر', url: 'https://apamabeauty.ir/products/categories/highlighter' }, { name: 'رژگونه', url: 'https://apamabeauty.ir/products/categories/blush' } ] }, { name: 'آرایش لب', url: 'https://apamabeauty.ir/products/categories/lip-makeup', grands: [ { name: 'همه محصولات آرایش لب', url: 'https://apamabeauty.ir/products/categories/lip-makeup', isPink: true }, { name: 'تینت لب', url: 'https://apamabeauty.ir/products/categories/tint' }, { name: 'رژلب جامد', url: 'https://apamabeauty.ir/products/categories/solid-lipstick' }, { name: 'رژلب مایع', url: 'https://apamabeauty.ir/products/categories/liquid-lipstick' }, { name: 'برق لب و لیپ گلاس', url: 'https://apamabeauty.ir/products/categories/lip-gloss' } ] }, { name: 'آرایش چشم', url: 'https://apamabeauty.ir/products/categories/eye-makeup', grands: [ { name: 'همه محصولات آرایش چشم', url: 'https://apamabeauty.ir/products/categories/eye-makeup', isPink: true }, { name: 'ریمل', url: 'https://apamabeauty.ir/products/categories/mascara' }, { name: 'خط چشم', url: 'https://apamabeauty.ir/products/categories/eyeliner' }, { name: 'مداد چشم', url: 'https://apamabeauty.ir/products/categories/eyeliner-pencil' }, { name: 'سایه چشم', url: 'https://apamabeauty.ir/products/categories/eyeshadow' }, { name: 'تقویت کننده مژه', url: 'https://apamabeauty.ir/products/categories/lash-enhancer' }, { name: 'فر مژه', url: 'https://apamabeauty.ir/products/categories/eyelash-curler' } ] }, { name: 'آرایش ابرو', url: 'https://apamabeauty.ir/products/categories/eyebrow-makeup', grands: [ { name: 'همه محصولات آرایش ابرو', url: 'https://apamabeauty.ir/products/categories/eyebrow-makeup', isPink: true }, { name: 'ژل ابرو', url: 'https://apamabeauty.ir/products/categories/eyebrow-gel' }, { name: 'مداد ابرو و مژه', url: 'https://apamabeauty.ir/products/categories/eyelash-brow-pencil' } ] }, { name: 'ابزار آرایشی', url: 'https://apamabeauty.ir/products/categories/beauty-tools', grands: [ { name: 'همه ابزارهای آرایشی', url: 'https://apamabeauty.ir/products/categories/beauty-tools', isPink: true }, { name: 'براش آرایشی', url: 'https://apamabeauty.ir/products/categories/brush' }, { name: 'پد و اسفنج آرایشی', url: 'https://apamabeauty.ir/products/categories/makeup-pads-sponges' } ] } ] }, { id: 'skin', name: 'مراقبت از پوست', icon: '', allUrl: 'https://apamabeauty.ir/products/categories/skin-care', children: [ { name: 'ضد چروک', url: 'https://apamabeauty.ir/products/categories/anti-wrinkle' }, { name: 'کرم روز و شب', url: 'https://apamabeauty.ir/products/categories/day-and-night-cream' }, { name: 'مراقبت دور چشم', url: 'https://apamabeauty.ir/products/categories/eye-care', grands: [ { name: 'همه محصولات دور چشم', url: 'https://apamabeauty.ir/products/categories/eye-care', isPink: true }, { name: 'ضد چروک دور چشم', url: 'https://apamabeauty.ir/products/categories/anti-wrinkle-eye-cream' }, { name: 'آبرسان دور چشم', url: 'https://apamabeauty.ir/products/categories/eye-moisturizer' } ] }, { name: 'ماسک صورت و بینی', url: 'https://apamabeauty.ir/products/categories/face-mask', grands: [ { name: 'همه ماسک‌ها', url: 'https://apamabeauty.ir/products/categories/face-mask', isPink: true }, { name: 'ماسک صورت', url: 'https://apamabeauty.ir/products/categories/face-mask' }, { name: 'ماسک بینی', url: 'https://apamabeauty.ir/products/categories/nose-strips' } ] }, { name: 'اسکرابر و لایه بردار', url: 'https://apamabeauty.ir/products/categories/scrubber-exfoliator' }, { name: 'آبرسان و مرطوب کننده', url: 'https://apamabeauty.ir/products/categories/hydrating-moisturizer', grands: [ { name: 'همه آبرسان و مرطوب‌کننده‌ها', url: 'https://apamabeauty.ir/products/categories/hydrating-moisturizer', isPink: true }, { name: 'مرطوب کننده صورت', url: 'https://apamabeauty.ir/products/categories/face-moisturizer' }, { name: 'آبرسان صورت', url: 'https://apamabeauty.ir/products/categories/face-hydrating-products' } ] }, { name: 'سرم و درمان پوست', url: 'https://apamabeauty.ir/products/categories/serum-va-darmane-pust', grands: [ { name: 'همه سرم‌های پوست', url: 'https://apamabeauty.ir/products/categories/serum-va-darmane-pust', isPink: true }, { name: 'سرم ویتامین C', url: 'https://apamabeauty.ir/products/categories/vitamin-c-serum' }, { name: 'سرم آبرسان', url: 'https://apamabeauty.ir/products/categories/hydrating-serum' }, { name: 'سرم ضد لک', url: 'https://apamabeauty.ir/products/categories/anti-spot-serum' }, { name: 'سرم ضد چروک', url: 'https://apamabeauty.ir/products/categories/anti-wrinkle-serum' } ] }, { name: 'محصولات ضد جوش', url: 'https://apamabeauty.ir/products/categories/anti-acne-products' }, { name: 'پاک کننده صورت', url: 'https://apamabeauty.ir/products/categories/face-cleanser', grands: [ { name: 'همه پاک‌کننده‌های صورت', url: 'https://apamabeauty.ir/products/categories/face-cleanser', isPink: true }, { name: 'محلول پاک کننده آرایش', url: 'https://apamabeauty.ir/products/categories/makeup-remover' }, { name: 'ژل شستشو صورت', url: 'https://apamabeauty.ir/products/categories/face-wash-gel' }, { name: 'فوم شستشو صورت', url: 'https://apamabeauty.ir/products/categories/face-wash-foam' }, { name: 'شیر پاک کن', url: 'https://apamabeauty.ir/products/categories/shir-pak-kon' }, { name: 'میسلار واتر', url: 'https://apamabeauty.ir/products/categories/micellar-water' }, { name: 'تونر', url: 'https://apamabeauty.ir/products/categories/toner' }, { name: 'بالم و روغن پاک کننده', url: 'https://apamabeauty.ir/products/categories/balm-va-roghan-pak-konande' }, { name: 'پد پاک کننده آرایش', url: 'https://apamabeauty.ir/products/categories/makeup-remover-pads' } ] } ] }, { id: 'hair', name: 'مراقبت از مو', icon: '', allUrl: 'https://apamabeauty.ir/products/categories/hair-care', children: [ { name: 'شامپو', url: 'https://apamabeauty.ir/products/categories/shampoo' }, { name: 'نرم کننده و ماسک مو', url: 'https://apamabeauty.ir/products/categories/hair-conditioner-and-masks' }, { name: 'حالت دهنده و آرایش مو', url: 'https://apamabeauty.ir/products/categories/hair-styling-and-grooming' }, { name: 'موس مو', url: 'https://apamabeauty.ir/products/categories/moush-mo' }, { name: 'وزگیر مو', url: 'https://apamabeauty.ir/products/categories/ozgir' }, { name: 'سرم مو', url: 'https://apamabeauty.ir/products/categories/hair-serum' } ] }, { id: 'perfume', name: 'عطر و ادکلن', icon: '', allUrl: 'https://apamabeauty.ir/products/categories/atr-o-adakln', children: [ { name: 'عطر و ادکلن زنانه', url: 'https://apamabeauty.ir/products/categories/women-perfume' }, { name: 'عطر و ادکلن مردانه', url: 'https://apamabeauty.ir/products/categories/men-fragrances' }, { name: 'اسپری و بادی اسپلش', url: 'https://apamabeauty.ir/products/categories/spray-body-splash', grands: [ { name: 'همه اسپری و بادی اسپلش‌ها', url: 'https://apamabeauty.ir/products/categories/spray-body-splash', isPink: true }, { name: 'اسپری خوشبو کننده', url: 'https://apamabeauty.ir/products/categories/perfume-spray' }, { name: 'بادی اسپلش زنانه', url: 'https://apamabeauty.ir/products/categories/women-body-splash' }, { name: 'بادی اسپلش مردانه', url: 'https://apamabeauty.ir/products/categories/mens-body-splash' } ] }, { name: 'عطر جیبی', url: 'https://apamabeauty.ir/products/categories/jibi-perfume', grands: [ { name: 'همه عطرهای جیبی', url: 'https://apamabeauty.ir/products/categories/jibi-perfume', isPink: true }, { name: 'عطر جیبی زنانه', url: 'https://apamabeauty.ir/products/categories/women-pocket-perfume' }, { name: 'عطر جیبی مردانه', url: 'https://apamabeauty.ir/products/categories/mens-pocket-perfume' } ] } ] }, { id: 'hygiene', name: 'بهداشت شخصی', icon: '', allUrl: 'https://apamabeauty.ir/products/categories/personal-care', children: [ { name: 'دئودورانت و ضدتعریق', url: 'https://apamabeauty.ir/products/categories/deodorant-antiperspirant' }, { name: 'بهداشت و مراقبت بدن', url: 'https://apamabeauty.ir/products/categories/personal-care' } ] }, { id: 'sunscreen', name: 'ضد آفتاب', icon: '', allUrl: 'https://apamabeauty.ir/products/categories/anti-sunscreen', children: [ { name: 'همه ضد آفتاب‌ها', url: 'https://apamabeauty.ir/products/categories/anti-sunscreen' } ] }, { id: 'electrical', name: 'لوازم برقی شخصی', icon: '', allUrl: 'https://apamabeauty.ir/products/categories/personal-electric-devices', children: [ { name: 'همه لوازم شخصی برقی', url: 'https://apamabeauty.ir/products/categories/personal-electric-devices' } ] } ]; window.toggleKhanoumiDrawer = function(open) { var drawer = document.getElementById('khanoumi-category-root'); if (drawer) drawer.classList.toggle('open', open); var promoBanner = document.getElementById('apama-top-promo'); if (promoBanner) { promoBanner.style.setProperty('display', open ? 'none' : 'flex', 'important'); } }; var slideshowStarted = false; function manageWidgets() { var isTarget = checkIsTargetPage(); var path = window.location.pathname.toLowerCase(); var isCartPage = (path.indexOf('/cart') !== -1 || path.indexOf('/basket') !== -1); if (isTarget) { document.body.classList.add('is-product-notch'); } else { document.body.classList.remove('is-product-notch'); } var cartVpnBtn = document.getElementById('apama-cart-vpn-btn'); if (isCartPage) { if (!cartVpnBtn) { cartVpnBtn = document.createElement('div'); cartVpnBtn.id = 'apama-cart-vpn-btn'; cartVpnBtn.className = 'apama-cart-vpn-floating'; cartVpnBtn.innerHTML = ` برای پرداخت راحت‌تر و بدون مشکل، حتماً قبل از پرداخت، VPN رو خاموش کن. `; document.body.appendChild(cartVpnBtn); } cartVpnBtn.style.display = 'flex'; } else { if (cartVpnBtn) cartVpnBtn.style.display = 'none'; } if (!document.getElementById('apama-bale-btn')) { var b = document.createElement('a'); b.id = 'apama-bale-btn'; b.className = 'apama-support-btn'; b.href = 'https://ble.ir/shopsb'; b.target = '_blank'; b.innerHTML = ''; document.body.appendChild(b); } var instBtn = document.getElementById('apama-floating-inst-btn'); if (!instBtn) { instBtn = document.createElement('div'); instBtn.id = 'apama-floating-inst-btn'; instBtn.onclick = function() { alert('خرید اقساطی در 4 قسط ماهانه:\n\n• بدون کارمزد و سود\n• بدون چک و ضامن\n• کسر خودکار اقساط'); }; document.body.appendChild(instBtn); } if (isTarget) { instBtn.style.display = 'flex'; var price = getTargetPrice(); var fData = floatBrandsData[floatBrandIdx]; instBtn.className = fData.theme; var amountText = 'مبلغ قسط'; if (price > 0) { var perMonth = Math.ceil(price / 4); amountText = toPersian(perMonth.toLocaleString('en-US')) + ' تومان'; } instBtn.innerHTML = ` ${amountText} پرداخت در 4 قسط ${fData.icon} `; } else { instBtn.style.display = 'none'; } if (!document.getElementById('apama-top-promo')) { var tData = topBrandsData[0]; var promo = document.createElement('a'); promo.id = 'apama-top-promo'; promo.className = 'apama-top-banner ' + tData.theme; promo.href = 'https://apamabeauty.ir/products'; promo.target = '_blank'; promo.innerHTML = '

بدون کارمزد از خرید اقساطی با

' + tData.name + '' + tData.icon + '

لذت ببرید‹

'; if (document.body) document.body.insertAdjacentElement('afterbegin', promo); } // تایمر چرخش برندها فقط یک‌بار در کل عمر صفحه راه‌اندازی می‌شود (نه هر بار که manageWidgets صدا زده می‌شود) if (!slideshowStarted) { slideshowStarted = true; setInterval(function() { var promo = document.getElementById('apama-top-promo'); if (!promo) return; topBrandIdx = (topBrandIdx + 1) % topBrandsData.length; var tb = topBrandsData[topBrandIdx]; promo.className = 'apama-top-banner ' + tb.theme; var box = document.getElementById('apama-brand-box'); if (box) { box.innerHTML = '' + tb.name + '' + tb.icon + ''; } floatBrandIdx = (floatBrandIdx + 1) % floatBrandsData.length; var fBtn = document.getElementById('apama-floating-inst-btn'); if (fBtn && checkIsTargetPage()) { var fb = floatBrandsData[floatBrandIdx]; fBtn.className = 'apama-fade-transition ' + fb.theme; var logoContainer = fBtn.querySelector('.apama-float-logo-bg'); if (logoContainer) logoContainer.innerHTML = fb.icon; setTimeout(function() { fBtn.classList.remove('apama-fade-transition'); }, 400); } }, 4500); } if (!document.getElementById('apama-bottom-nav-bar')) { var nav = document.createElement('div'); nav.id = 'apama-bottom-nav-bar'; nav.className = 'apama-bottom-nav'; nav.innerHTML = ` خانه

دسته‌بندی

سبد خرید حساب کاربری `; document.body.appendChild(nav); } if (!document.getElementById('khanoumi-category-root')) { var root = document.createElement('div'); root.id = 'khanoumi-category-root'; root.className = 'khanoumi-cat-wrapper'; root.innerHTML = `

دسته‌بندی‌ها همه محصولات

`; document.body.appendChild(root); var mainCol = document.getElementById('khanoumi-main-cats'); var subCol = document.getElementById('khanoumi-sub-cats'); var arrowLeftSvg = ''; var arrowDownSvg = ''; function renderChildren(index) { var items = mainCol.querySelectorAll('.khanoumi-main-cat-item'); for (var i = 0; i < items.length; i++) { items[i].classList.toggle('active', i === index); } var parent = apamaCategories[index]; var html = 'همه محصولات ' + parent.name + '' + arrowLeftSvg + ''; parent.children.forEach(function(child) { if (child.grands && child.grands.length > 0) { var grandItems = child.grands.map(function(g) { return '' + g.name + '' + arrowLeftSvg + ''; }).join(''); html += '

' + child.name + '' + arrowDownSvg + '

' + grandItems + '

'; } else { html += '' + child.name + '' + arrowLeftSvg + ''; } }); subCol.innerHTML = html; } apamaCategories.forEach(function(cat, idx) { var item = document.createElement('div'); item.className = 'khanoumi-main-cat-item' + (idx === 0 ? ' active' : ''); item.innerHTML = cat.icon + '' + cat.name + ''; item.onclick = function() { renderChildren(idx); }; mainCol.appendChild(item); }); renderChildren(0); window.triggerApamaCart = function() { window.location.href = '/cart'; }; } } /* ============================================================ تغییر اصلی نسبت به قبل: به‌جای setInterval(manageWidgets, 2000) که بی‌نهایت هر 2 ثانیه برای همیشه اجرا می‌شد، الان فقط زمانی که مسیر سایت واقعاً عوض بشه (چون سایت SPA/Nuxt است) چک انجام می‌شود، و بعد از تغییر مسیر چند بار محدود (نه بی‌نهایت) چک می‌شود تا محتوای دیرلود هم پوشش داده بشه. نکته‌ی مهم اصلاح‌شده: این چک‌ها دیگر مستقیم و اجباری ترد اصلی رو قفل نمی‌کنند. با requestIdleCallback فقط وقتی مرورگر واقعاً بیکاره (نه وسط رندر کردن صفحه برای کاربر) اجرا می‌شن. این باعث می‌شه دقیقاً همون بازه‌ی حساسِ اندازه‌گیری TBT گوگل مزاحمتی ایجاد نکنه، ولی رفتار نهایی (نمایش درست دکمه‌ها بعد از هر ناوبری) دقیقاً همون قبلی بمونه. ============================================================ */ function apamaIdle(fn) { if ('requestIdleCallback' in window) { requestIdleCallback(fn, { timeout: 1200 }); } else { setTimeout(fn, 50); } } var lastPath = window.location.pathname; var retryTimer = null; function runWithShortRetries() { apamaIdle(manageWidgets); var retryCount = 0; var maxRetries = 5; // حداکثر تا حدود 4 ثانیه بعد از تغییر مسیر چک می‌کند clearInterval(retryTimer); retryTimer = setInterval(function() { apamaIdle(manageWidgets); retryCount++; if (retryCount >= maxRetries) clearInterval(retryTimer); }, 800); } function checkPathChange() { var currentPath = window.location.pathname; if (currentPath !== lastPath) { lastPath = currentPath; runWithShortRetries(); } } var _pushState = history.pushState; var _replaceState = history.replaceState; history.pushState = function() { _pushState.apply(history, arguments); checkPathChange(); }; history.replaceState = function() { _replaceState.apply(history, arguments); checkPathChange(); }; window.addEventListener('popstate', checkPathChange); runWithShortRetries(); })(); (function () { function injectSalesBadge() { if (document.querySelector('.custom-sales-counter')) return; let codeElement = null; const elements = document.querySelectorAll('p, span, div, li'); for (let i = 0; i < elements.length; i++) { const el = elements[i]; if (el.children.length === 0 && el.textContent.trim().includes('کد محصول')) { codeElement = el; break; } } if (!codeElement) return; const path = decodeURIComponent(window.location.pathname); let h1 = 0xdeadbeef, h2 = 0x41c64e6d; for (let i = 0; i < path.length; i++) { const ch = path.charCodeAt(i); h1 = Math.imul(h1 ^ ch, 2654435761); h2 = Math.imul(h2 ^ ch, 1597334677); } h1 = Math.imul(h1 ^ (h1 >>> 16), 2246822507) ^ Math.imul(h2 ^ (h2 >>> 13), 3266489909); const positiveHash = Math.abs(h1); let baseSales; const tier = positiveHash % 10; if (tier < 4) { baseSales = 16 + (positiveHash % 19); } else if (tier < 7) { baseSales = 35 + (positiveHash % 21); } else { baseSales = 56 + (positiveHash % 25); } let localPurchases = 0; try { localPurchases = parseInt(localStorage.getItem('fsc_' + path)) || 0; } catch (e) {} const totalCount = baseSales + localPurchases; const badge = document.createElement('div'); badge.className = 'custom-sales-counter'; badge.style.cssText = ` display: flex !important; align-items: center !important; gap: 8px !important; width: fit-content !important; max-width: 100% !important; margin-top: 10px !important; margin-bottom: 12px !important; margin-right: 0 !important; margin-left: auto !important; padding: 6px 12px !important; background: #f0fdf4 !important; border: 1px solid #bbf7d0 !important; border-radius: 6px !important; font-size: 13px !important; color: #166534 !important; font-weight: bold !important; direction: rtl !important; box-sizing: border-box !important; clear: both !important; `; badge.innerHTML = ` بیش از ${totalCount.toLocaleString('fa-IR')} خرید موفق `; codeElement.insertAdjacentElement('afterend', badge); } function apamaIdleBadge(fn) { if ('requestIdleCallback' in window) { requestIdleCallback(fn, { timeout: 1500 }); } else { setTimeout(fn, 50); } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function() { apamaIdleBadge(injectSalesBadge); }); } else { apamaIdleBadge(injectSalesBadge); } /* ============================================================ تغییر اصلی: قبلاً MutationObserver با هر ریزترین تغییری در کل صفحه (حتی چرخش بنر بالا هر 4.5 ثانیه) بلافاصله querySelectorAll روی همه p/span/div/li صفحه اجرا می‌کرد - این کار روی صفحات محصول با المان‌های زیاد بسیار سنگین است. الان همان قابلیت (نمایش دوباره نشان فروش اگر محتوا در SPA بازسازی شود) حفظ شده ولی با debounce (حداکثر هر 400 میلی‌ثانیه یک‌بار) + اجرا فقط در زمان بیکاری مرورگر (requestIdleCallback) تا حتی همین اسکن هم دقیقاً در بازه‌ی حساس اندازه‌گیری TBT مزاحمتی ایجاد نکنه. ============================================================ */ var badgeCheckTimer = null; function scheduleBadgeCheck() { if (badgeCheckTimer) return; badgeCheckTimer = setTimeout(function() { badgeCheckTimer = null; apamaIdleBadge(injectSalesBadge); }, 400); } const observer = new MutationObserver(function () { if (!document.querySelector('.custom-sales-counter')) { scheduleBadgeCheck(); } }); observer.observe(document.body, { childList: true, subtree: true }); })(); /* ============================================================ تغییر: لود فونت به‌صورت غیر-رندر-بلاکینگ (دقیقاً همان ترفندی که خودتان برای swiper.css استفاده کرده بودید). @import در فایل CSS حذف شد و اینجا با media="print" -> "all" به‌صورت async لود می‌شود. ============================================================ */ (function loadFontAsync() { var preconnect = document.createElement('link'); preconnect.rel = 'preconnect'; preconnect.href = 'https://cdn.jsdelivr.net'; document.head.appendChild(preconnect); var link = document.createElement('link'); link.rel = 'stylesheet'; link.href = 'https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css'; link.media = 'print'; link.onload = function() { this.media = 'all'; }; document.head.appendChild(link); })(); document.head.insertAdjacentHTML('afterbegin', ''); /* توجه: چون این بخش داخل apamaRunWhenReady قرار داره، ممکنه رویداد DOMContentLoaded قبلاً رخ داده باشه؛ به همین دلیل به‌جای addEventListener('DOMContentLoaded', ...) که در آن صورت هرگز اجرا نمی‌شد، از این تابع کمکی استفاده می‌کنیم که چک می‌کند صفحه از قبل لود شده یا نه. */ function apamaRunOnFullyParsed(fn) { if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', fn); } else { fn(); } } apamaRunOnFullyParsed(function() { var swiperCss = document.querySelector('link[href*="swiper-vue"]'); if (swiperCss && swiperCss.rel === 'stylesheet') { swiperCss.media = 'all'; } }); apamaRunOnFullyParsed(function() { document.querySelectorAll('a[href*="javascript:void(0)"]').forEach(function(el) { el.setAttribute('href', '#categories'); }); }); }); /* پایان apamaRunWhenReady */ (function() { // بررسی اینکه آیا کاربر در صفحه اصلی سایت است var path = window.location.pathname; var isHomePage = (path === '/' || path === '' || path === '/index.php' || window.location.href.match(/\/$/)); if (!isHomePage) return; var style = document.createElement('style'); style.innerHTML = ` #apama-pro-banner { position: fixed !important; bottom: 80px !important; left: 50% !important; transform: translateX(-50%) !important; width: 96% !important; max-width: 780px !important; background: linear-gradient(135deg, #e91e63 0%, #ad1457 100%) !important; color: #ffffff !important; padding: 11px 26px !important; border-radius: 40px !important; box-shadow: 0 10px 35px rgba(0, 0, 0, 0.35) !important; z-index: 2147483647 !important; font-family: Tahoma, IRANSans, sans-serif !important; direction: rtl !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 18px !important; box-sizing: border-box !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; backdrop-filter: blur(5px) !important; } .apama-p-text { font-size: 13px !important; font-weight: 500 !important; color: #ffffff !important; flex-grow: 1 !important; text-align: right !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; letter-spacing: -0.2px !important; } .apama-p-text b { color: #fff176 !important; font-weight: 700 !important; } .apama-p-btn { background-color: #0088ff !important; color: #ffffff !important; padding: 7px 20px !important; border-radius: 20px !important; text-decoration: none !important; font-size: 12px !important; font-weight: bold !important; white-space: nowrap !important; box-shadow: 0 4px 12px rgba(0, 136, 255, 0.4) !important; transition: transform 0.2s ease !important; } .apama-p-btn:hover { transform: translateY(-1px) !important; } .apama-p-close { background: rgba(0, 0, 0, 0.2) !important; border: none !important; color: #ffffff !important; width: 24px !important; height: 24px !important; border-radius: 50% !important; font-size: 12px !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: background 0.2s ease !important; } .apama-p-close:hover { background: rgba(0, 0, 0, 0.4) !important; } @media (max-width: 768px) { #apama-pro-banner { width: 94% !important; max-width: 420px !important; bottom: 75px !important; padding: 8px 16px !important; } .apama-p-text { font-size: 11px !important; } .apama-p-btn { padding: 5px 12px !important; font-size: 10.5px !important; } } `; document.head.appendChild(style); var banner = document.createElement('div'); banner.id = 'apama-pro-banner'; banner.innerHTML = `

کلی تخفیف خفن تو اپلیکیشن آپامابیوتی!

نصب از مایکت `; document.body.appendChild(banner); // تایمر 20 ثانیه‌ای برای محو شدن خودکار var hideTimer = setTimeout(function() { if (banner) { banner.style.transition = 'all 0.6s ease'; banner.style.opacity = '0'; banner.style.transform = 'translateX(-50%) translateY(100px)'; setTimeout(function() { banner.style.display = 'none'; }, 600); } }, 20000); document.getElementById('apama-p-close-btn').addEventListener('click', function() { clearTimeout(hideTimer); banner.style.transition = 'all 0.6s ease'; banner.style.opacity = '0'; banner.style.transform = 'translateX(-50%) translateY(100px)'; setTimeout(function() { banner.style.display = 'none'; }, 600); }); })();