من ${formatNumber(currentMin)} ر.س إلى ${formatNumber(currentMax)} ر.س

${formatNumber(rangeMin)} ${formatNumber(rangeMax)}

`; priceSection.appendChild(slider); const rangeShell = slider.querySelector( ".roja-range-shell-v3" ); const minRange = slider.querySelector( ".roja-range-min-v3" ); const maxRange = slider.querySelector( ".roja-range-max-v3" ); const minOutput = slider.querySelector( "[data-roja-min]" ); const maxOutput = slider.querySelector( "[data-roja-max]" ); const rangeFill = slider.querySelector( ".roja-range-fill-v3" ); /* * إجبار اتجاه السلايدر على RTL. * يتغلب حتى على direction:ltr !important في CSS. */ [rangeShell, minRange, maxRange].forEach( function (element) { element.style.setProperty( "direction", "rtl", "important" ); } ); function updateSlider(changedInput) { let minValue = getNumber(minRange.value); let maxValue = getNumber(maxRange.value); /* * منع المؤشرين من تجاوز بعضهما. */ if ( changedInput === minRange && minValue > maxValue - step ) { minValue = maxValue - step; minRange.value = String(minValue); } if ( changedInput === maxRange && maxValue < minValue + step ) { maxValue = minValue + step; maxRange.value = String(maxValue); } minValue = Math.max(rangeMin, minValue); maxValue = Math.min(rangeMax, maxValue); /* * المؤشر اليمين يغيّر قيمة "من". * المؤشر اليسار يغيّر قيمة "إلى". */ minOutput.textContent = formatNumber(minValue); maxOutput.textContent = formatNumber(maxValue); const total = rangeMax - rangeMin || 1; const minPercent = ((minValue - rangeMin) / total) * 100; const maxPercent = ((maxValue - rangeMin) / total) * 100; /* * لأن السلايدر RTL: * الحد الأدنى يُحسب من اليمين، * والحد الأعلى يُحسب من اليسار. */ rangeFill.style.right = minPercent + "%"; rangeFill.style.left = 100 - maxPercent + "%"; /* * رفع المؤشر الذي يتحرك فوق المؤشر الآخر. */ if (changedInput === minRange) { minRange.style.zIndex = "7"; maxRange.style.zIndex = "6"; } else if (changedInput === maxRange) { minRange.style.zIndex = "6"; maxRange.style.zIndex = "7"; } else { minRange.style.zIndex = "6"; maxRange.style.zIndex = "5"; } } function commitValues() { const minValue = getNumber(minRange.value); const maxValue = getNumber(maxRange.value); setNativeValues( minInput, maxInput, minValue, maxValue ); } minRange.addEventListener("input", function () { updateSlider(minRange); }); maxRange.addEventListener("input", function () { updateSlider(maxRange); }); /* * تطبيق الفلترة بعد انتهاء السحب. */ minRange.addEventListener("change", commitValues); maxRange.addEventListener("change", commitValues); minRange.addEventListener("pointerup", commitValues); maxRange.addEventListener("pointerup", commitValues); updateSlider(); } function initializeAllSidebars() { document .querySelectorAll(SIDEBAR_SELECTOR) .forEach(function (sidebar) { initializeSidebar(sidebar); }); } function scheduleInitialization() { window.clearTimeout(observerTimer); observerTimer = window.setTimeout(function () { initializeAllSidebars(); }, 120); } if (document.readyState === "loading") { document.addEventListener( "DOMContentLoaded", initializeAllSidebars ); } else { initializeAllSidebars(); } /* * إعادة إنشاء السلايدر عند إعادة بناء الفلاتر. */ const observer = new MutationObserver(function () { scheduleInitialization(); }); observer.observe(document.body, { childList: true, subtree: true }); })(); /* Bait Alselal - localized UI layer */ (function(){ function isEN(){ var l=(document.documentElement.lang||'').toLowerCase(); return l.indexOf('en')===0; } var BAN_AR='\u062a\u0648\u0635\u064a\u0644 \u0645\u0648\u0646\u0629 \u0628\u064a\u062a \u0627\u0644\u0633\u0644\u0627\u0644 \u062f\u0627\u062e\u0644 \u0627\u0644\u0631\u064a\u0627\u0636'; var BAN_EN='Bait Alselal pantry - delivered across Riyadh'; var NAV={}; NAV['\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629']='Home'; NAV['\u0627\u0644\u0645\u062a\u062c\u0631']='Shop'; NAV['\u0627\u0644\u0639\u0631\u0648\u0636']='Offers'; NAV['\u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a']='Products'; NAV['\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627']='Contact us'; NAV['\u062d\u0633\u0627\u0628\u064a']='My Account'; NAV['\u062a\u062a\u0628\u0639 \u0627\u0644\u0637\u0644\u0628']='Track Order'; NAV['\u0631\u0648\u0627\u0628\u0637 \u0647\u0627\u0645\u0629']='Quick links'; NAV['\u062a\u0648\u0627\u0635\u0644 \u0645\u0639']='Contact'; NAV['\u0627\u0644\u0633\u0644\u0629']='Cart'; NAV['\u0627\u0644\u0645\u0641\u0636\u0644\u0629']='Wishlist'; NAV['\u0627\u0628\u0642 \u0639\u0644\u0649 \u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628']='Stay in touch on WhatsApp'; NAV['\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0622\u062e\u0631 \u0627\u0644\u062a\u062d\u062f\u064a\u062b\u0627\u062a \u0648\u0627\u0644\u0639\u0631\u0648\u0636 \u0627\u0644\u062d\u0635\u0631\u064a\u0629 \u0645\u0628\u0627\u0634\u0631\u0629 \u0639\u0644\u0649 \u0647\u0627\u062a\u0641\u0643']='Get the latest updates and exclusive offers straight to your phone'; NAV['\u0627\u0634\u062a\u0631\u0627\u0643']='Subscribe'; NAV['\u0646\u062d\u0646 \u0646\u0642\u062f\u0645 \u0623\u0641\u0636\u0644 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0628\u0623\u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0644\u0639\u0645\u0644\u0627\u0626\u0646\u0627']='Authentic Levantine pantry, delivered with care.'; NAV['\u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629']='All rights reserved'; NAV['\u0639\u0631\u0636 \u0627\u0644\u0643\u0644']='View all'; NAV['\u0627\u0634\u062a\u0631\u0643']='Subscribe'; NAV['\u0631\u0642\u0645\u0643']='Your number'; NAV['\u0645\u0639\u062a\u0645\u062f\u0629 \u0645\u0646']='Certified by'; NAV['\u0627\u0644\u0639\u0631\u0648\u0636 \u0648\u0627\u0644\u062a\u062e\u0641\u064a\u0636\u0627\u062a']='Offers'; function banner(){ var h=document.querySelector('header'); if(!h) return; var txt=isEN()?BAN_EN:BAN_AR; var w=document.createTreeWalker(h,NodeFilter.SHOW_TEXT,null,false),n; while(n=w.nextNode()){ var v=(n.nodeValue||'').trim(); if(v.length>8 && (v.indexOf('ROJA')>-1 || v.indexOf('\u062a\u0648\u0635\u064a\u0644')>-1 || /deliver/i.test(v))){ if(n.nodeValue!==txt) n.nodeValue=txt; } } } function navText(){ var en=isEN(); var BRAND_AR='\u0639\u0644\u0627\u0645\u062a\u0643'; var w=document.createTreeWalker(document.body,NodeFilter.SHOW_TEXT,null,false),n; while(n=w.nextNode()){ var v=(n.nodeValue||'').trim(); if(v===BRAND_AR){ n.nodeValue = en?'Bait Alselal':'\u0628\u064a\u062a \u0627\u0644\u0633\u0644\u0627\u0644'; continue; } if(en && v && NAV[v]){ n.nodeValue=NAV[v]; } } if(!en) return; var ins=document.querySelectorAll('input[placeholder]'); for(var i=0;i-1){ v=v.split(list[i][0]).join(list[i][1]); } } if(v!==o){ n.nodeValue=v; } } }catch(e){} } function boot(){ phrases(); setTimeout(phrases,500); setTimeout(phrases,1500); setTimeout(phrases,3000); } if(document.body){boot();} else {document.addEventListener('DOMContentLoaded',boot);} var t=setInterval(phrases,1500); setTimeout(function(){clearInterval(t);},25000); })(); /* Bait Alselal - numerals and currency on EN */ (function(){ function isEN(){var l=(document.documentElement.lang||'').toLowerCase();return l.indexOf('en')===0;} var SAR='\u0631.\u0633'; var RX=new RegExp('\\u0631\\.\\u0633','g'); function fix(){ if(!isEN())return; var w=document.createTreeWalker(document.body,NodeFilter.SHOW_TEXT,null,false),n; while(n=w.nextNode()){ var p=n.parentNode&&n.parentNode.nodeName; if(p==='STYLE'||p==='SCRIPT'||p==='NOSCRIPT')continue; var v=n.nodeValue; if(!v)continue; var o=v; v=v.replace(/[\u0660-\u0669]/g,function(c){return String.fromCharCode(c.charCodeAt(0)-1632+48);}); v=v.replace(RX,'SAR'); if(v!==o)n.nodeValue=v; } } function boot(){fix();setTimeout(fix,500);setTimeout(fix,1500);setTimeout(fix,2600);} if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',boot);else boot(); var iv=setInterval(fix,1200);setTimeout(function(){clearInterval(iv);},25000); })(); /* Bait Alselal - force LTR layout on the English version */ (function(){ function isEN(){var l=(document.documentElement.lang||'').toLowerCase();return l.indexOf('en')===0;} function dirFix(){ var en=isEN(); var d=en?'ltr':'rtl'; try{document.documentElement.setAttribute('dir',d);}catch(e){} var w=document.querySelectorAll('.tenant-wrapper'); for(var i=0;i

تسوق حسب القسم

منتجات شامية وفلسطينية