قسم منتجات البقالة

.product-page-wrapper{font-family:'Cairo',sans-serif;direction:rtl;} .page-section-header{background:linear-gradient(135deg,#34d399,#28a745);color:white;padding:20px 15px;text-align:center;margin:0 -20px 2rem -20px;box-shadow:0 4px 10px rgba(0,0,0,0.1);} .page-section-header h2{margin:0;font-size:28px;font-weight:800;text-shadow:1px 1px 3px rgba(0,0,0,0.2);} @media (max-width:600px){.page-section-header h2{font-size:24px;}} .products-container{max-width:1200px;margin:0 auto 2rem auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;} .product{border:1px solid #e0e0e0;border-radius:12px;padding:1rem;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,0.05);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;justify-content:space-between;} .product:hover{transform:translateY(-8px);box-shadow:0 8px 25px rgba(0,0,0,0.1);} .product img{max-width:70%;height:auto;border-radius:8px;margin:0 auto 15px auto;transition:transform .3s ease;} .product:hover img{transform:scale(1.05);} .product h3{font-size:18px;font-weight:700;margin:0 0 10px 0;} .product p{font-size:14px;margin:0 0 15px 0;flex-grow:1;} .product .price{font-size:18px;font-weight:bold;color:#28a745;margin-bottom:15px;} .quantity-container{display:flex;align-items:center;justify-content:center;margin-bottom:15px;} .quantity-btn{background:transparent;color:inherit;border:1px solid #ccc;padding:0;font-size:20px;cursor:pointer;width:35px;height:35px;border-radius:50%;transition:background-color .3s,transform .2s;} .quantity-input{background:transparent;color:inherit;width:50px;height:35px;text-align:center;font-size:16px;margin:0 10px;border:1px solid #ccc;border-radius:5px;-moz-appearance:textfield;} .quantity-btn:hover{background-color:#e0e0e0;} .quantity-btn:active{transform:scale(.9);} .quantity-input::-webkit-outer-spin-button,.quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;} .add-to-cart-btn{background:linear-gradient(45deg,#28a745,#218838);color:white;padding:12px 20px;font-size:16px;font-weight:bold;border:none;border-radius:25px;cursor:pointer;width:100%;transition:transform .2s,box-shadow .3s;} .add-to-cart-btn:hover{transform:scale(1.03);box-shadow:0 5px 15px rgba(40,167,69,.4);} .flying-image{position:fixed;z-index:10001;border-radius:50%;transition:all 1s cubic-bezier(.55,0,.85,.36);opacity:1;} @media (max-width:992px){.products-container{grid-template-columns:repeat(3,1fr);}} @media (max-width:768px){.products-container{grid-template-columns:repeat(2,1fr);gap:1rem;}} @media (max-width:480px){.products-container{grid-template-columns:repeat(2,1fr);gap:.5rem;}.product{padding:.5rem;}}

/* --- قسم إصلاح الوضع الليلي --- */ /* !! تذكير: إذا لم يعمل، استبدل .dark-mode باسم الكلاس الصحيح من قالبك !! */ .dark-mode .product { background-color: #3a3b3c; border-color: #555; } .dark-mode .quantity-btn:hover { background-color: #666 !important; } /* --- نهاية قسم الإصلاح --- */

قسم البقالة

//<![CDATA[ document.addEventListener('DOMContentLoaded',function(){ // IDs فريدة لقسم البقالة (101-199) const productsData=[ {id:101,name:'عصير الليمون',description:'عصير ليمون طبيعي منعش، مثالي لأي وقت.',price:15,image:'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixaqesj-2p3ZwTq8yqh7U0rjyGBl9dI_Flu4aIO49SOkgWybrpvutGl83m2Rbr8EBTU-K5mJnQOO64r9arQWiI0oU2rAnYFGZ-HVBJPdUlZBLul8DbVTieZbOrmMu_2SQ5qfFseF0dNS-kD77KX2TjRrRgiPjUsNLBLg4Tr8d_2FASmNP6AzNQfUzG/s375/1000357737.jpg',unit:'قطعة'}, {id:102,name:'زيت الزيتون',description:'زيت زيتون بكر ممتاز، من أجود الأنواع.',price:125,image:'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-o9lHKv2HO7qcQxn6j880ZgjI_FhtpW2FxdnsNwKBYhs2GL1fr42SoAfqeRvzkWsUNdFj1BR6ldYDoL80Bgb6IZ51hSubsilfEz-pGIfyP3jF1fL0ARM8T8CrxY0XMebR91nbyByb65bjdje-7LWIavo_P3oe3ZFl2mKfInFKb7rJ0Wtn50Jtpz0v/s375/1000357738.png',unit:'قطعة'}, {id:103,name:'معلبات تونة',description:'تونة عالية الجودة محفوظة في زيت نباتي.',price:12,image:'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJO_84dO8YOu_XY6YHSqFWRRkqTeTPGY14F-UQrvvP9OnrzeYolr0tI_6EiLyc3ORCwyzb3FktU_ks1jrk7UWSgtkWr5NJ-JvNabTHBOcR6Y9YPAcWLpUzWiiTgatcn9s3R0uW26iRGT22Vx2rmIdAxDnvySX2W2pF6mXWbv0G9f0vWk6xQHmM8Eo2/s274/1000357740.jpg',unit:'قطعة'}, {id:104,name:'علبة شاي',description:'شاي أخضر فاخر، غني بمضادات الأكسدة.',price:25,image:'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSbc7MI5YG_kL3b8C21qqRitTFm_rxahr6djfuD1cDUs8rF9WDVpAzxgkMk9WEiInDfcQMQl-e47qSZDxOcotpkd8a91PEVKNwPRUJWwLPLu524Pg4cKki6hlOhpKJ1yE_vW9QNne3o_L9H_HbQzRcCfP3oe0o-68JClDrkd18lRVvUQNBXGYkIXtz/s229/1000357742.jpg',unit:'قطعة'} ]; const productsContainer=document.getElementById('products-list'); function renderProducts(){productsData.forEach(product=>{const productDiv=document.createElement('div');productDiv.className='product';const quantityId=`qty-${product.id}`;const unitText=product.unit==='قطعة'?'للقطعة':'للكيلو';productDiv.innerHTML=` ${product.name} ${product.description}

${product.price} د.م / ${unitText} - + أضف إلى السلة `;productsContainer.appendChild(productDiv)})} renderProducts() }); function addProductToCart(event,name,price,quantityId,unit){const quantityInput=document.getElementById(quantityId);const quantity=parseInt(quantityInput.value,10);if(!quantity||quantity item.name===name);if(existingProductIndex>-1){cart[existingProductIndex].quantity+=quantity}else{cart.push({id:Date.now(),name,price,quantity,unit:unit||'قطعة'})} localStorage.setItem('myLkhdraCart',JSON.stringify(cart));quantityInput.value=1;window.dispatchEvent(new CustomEvent('cartUpdated'));flyToCartAnimation(event)} function updateProductQuantity(id,change,unit){const input=document.getElementById(id);const step=unit==='قطعة'?1:0.5;let value=parseFloat(input.value)+(change*step);if(value>=step){input.value=unit==='قطعة'?value:value.toFixed(1)}} function flyToCartAnimation(event){const productCard=event.target.closest('.product');const productImage=productCard.querySelector('.product-img');const cartButton=document.getElementById('sticky-cart-icon');if(!productImage||!cartButton)return;const flyingImage=productImage.cloneNode(true);const imageRect=productImage.getBoundingClientRect();const cartRect=cartButton.getBoundingClientRect();flyingImage.classList.add('flying-image');document.body.appendChild(flyingImage);flyingImage.style.left=`${imageRect.left}px`;flyingImage.style.top=`${imageRect.top}px`;flyingImage.style.width=`${imageRect.width}px`;flyingImage.style.height=`${imageRect.height}px`;requestAnimationFrame(()=>{flyingImage.style.left=`${cartRect.left+(cartRect.width/2)}px`;flyingImage.style.top=`${cartRect.top+(cartRect.height/2)}px`;flyingImage.style.width='30px';flyingImage.style.height='30px';flyingImage.style.opacity='0';flyingImage.style.transform='scale(0.2) rotate(360deg)'});setTimeout(()=>{if(flyingImage.parentNode){flyingImage.parentNode.removeChild(flyingImage)}},1000)} //]]>

LKHDRA.COM

وفر وقتك وتسوق كل احتياجاتك الطازجة أونلاين

قسم منتجات البقالة

قسم البقالة

وفر وقتك وتسوق كل احتياجاتك الطازجة أونلاين

سلة المشتريات

تنبيه!

قسم منتجات البقالة

قسم البقالة