| | <!DOCTYPE html> |
| | <html lang="tr"> |
| | <head> |
| | <meta charset="UTF-8"> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| | <title>PiliçBox - Menü</title> |
| | <script src="https://cdn.tailwindcss.com"></script> |
| | <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> |
| | <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> |
| | <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
| | <script src="https://unpkg.com/feather-icons"></script> |
| | <style> |
| | @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap'); |
| | |
| | :root { |
| | --primary-red: |
| | --primary-yellow: |
| | --dark-bg: |
| | --darker-bg: |
| | --light-text: |
| | } |
| | |
| | body { |
| | font-family: 'Poppins', sans-serif; |
| | background-color: var(--dark-bg); |
| | color: var(--light-text); |
| | } |
| | |
| | .neon-btn { |
| | position: relative; |
| | display: inline-block; |
| | padding: 12px 24px; |
| | color: var(--primary-yellow); |
| | text-transform: uppercase; |
| | letter-spacing: 2px; |
| | font-weight: 600; |
| | overflow: hidden; |
| | transition: 0.5s; |
| | border: 2px solid var(--primary-red); |
| | border-radius: 8px; |
| | box-shadow: 0 0 10px var(--primary-red), 0 0 40px var(--primary-red); |
| | } |
| | |
| | .neon-btn:hover { |
| | background: var(--primary-red); |
| | color: |
| | box-shadow: 0 0 10px var(--primary-red), 0 0 40px var(--primary-red), 0 0 80px var(--primary-red); |
| | } |
| | |
| | .bubble { |
| | position: relative; |
| | display: inline-block; |
| | animation: bubble 2s infinite ease-in-out; |
| | } |
| | |
| | @keyframes bubble { |
| | 0%, 100% { transform: translateY(0); } |
| | 50% { transform: translateY(-10px); } |
| | } |
| | |
| | .sticky-nav { |
| | position: sticky; |
| | top: 0; |
| | z-index: 100; |
| | backdrop-filter: blur(10px); |
| | background-color: rgba(18, 18, 18, 0.8); |
| | } |
| | |
| | .menu-item { |
| | transition: all 0.3s ease; |
| | } |
| | |
| | .menu-item:hover { |
| | transform: translateY(-5px); |
| | box-shadow: 0 10px 20px rgba(255, 61, 61, 0.3); |
| | } |
| | |
| | .active-category { |
| | background-color: var(--primary-red); |
| | color: white; |
| | } |
| | |
| | .cart-badge { |
| | position: absolute; |
| | top: -8px; |
| | right: -8px; |
| | background-color: var(--primary-yellow); |
| | color: var(--dark-bg); |
| | border-radius: 50%; |
| | width: 20px; |
| | height: 20px; |
| | display: flex; |
| | align-items: center; |
| | justify-content: center; |
| | font-size: 12px; |
| | font-weight: bold; |
| | } |
| | </style> |
| | </head> |
| | <body class="min-h-screen"> |
| | <!-- Navigation --> |
| | <nav class="sticky-nav border-b border-gray-800 py-4"> |
| | <div class="container mx-auto px-4 flex justify-between items-center"> |
| | <div class="flex items-center"> |
| | <img src="http://static.photos/food/200x200/1" alt="PiliçBox Logo" class="h-12 w-12 rounded-full mr-3"> |
| | <span class="text-2xl font-bold text-white">Piliç<span class="text-yellow-400">Box</span></span> |
| | </div> |
| | <div class="hidden md:flex space-x-6"> |
| | <a href="index.html" class="text-white hover:text-yellow-400 transition">Ana Sayfa</a> |
| | <a href="#grilled" class="text-white hover:text-yellow-400 transition">Izgara Tavuklar</a> |
| | <a href="#sauced" class="text-white hover:text-yellow-400 transition">Soslu Tavuklar</a> |
| | <a href="#snacks" class="text-white hover:text-yellow-400 transition">Atıştırmalıklar</a> |
| | <a href="#drinks" class="text-white hover:text-yellow-400 transition">İçecekler</a> |
| | </div> |
| | <div class="flex items-center space-x-4"> |
| | <a href="cart.php" class="relative text-white hover:text-yellow-400 transition"> |
| | <i data-feather="shopping-cart"></i> |
| | <span class="cart-badge" id="cartCount">0</span> |
| | </a> |
| | <div class="md:hidden"> |
| | <button class="text-white focus:outline-none"> |
| | <i data-feather="menu"></i> |
| | </button> |
| | </div> |
| | </div> |
| | </div> |
| | </nav> |
| | |
| | <!-- Menu Header --> |
| | <section class="py-12 bg-gradient-to-r from-gray-900 to-gray-800 px-4 text-center"> |
| | <h1 class="text-4xl md:text-5xl font-bold mb-4">Piliç<span class="text-yellow-400">Box</span> Menü</h1> |
| | <p class="text-xl text-gray-300 max-w-2xl mx-auto">Özel lezzetlerimizle hazırlanan menülerimizi inceleyin, beğendiklerinizi sepete ekleyin!</p> |
| | </section> |
| | |
| | <!-- Menu Categories --> |
| | <section class="py-8 px-4 bg-gray-800 sticky top-16 z-50"> |
| | <div class="container mx-auto"> |
| | <div class="flex overflow-x-auto space-x-4 pb-2 scrollbar-hide"> |
| | <button onclick="filterMenu('all')" class="category-btn whitespace-nowrap px-6 py-2 bg-gray-700 text-white rounded-full hover:bg-red-500 transition active-category">Tüm Menü</button> |
| | <button onclick="filterMenu('grilled')" class="category-btn whitespace-nowrap px-6 py-2 bg-gray-700 text-white rounded-full hover:bg-red-500 transition" id="grilled-btn">Izgara Tavuklar</button> |
| | <button onclick="filterMenu('sauced')" class="category-btn whitespace-nowrap px-6 py-2 bg-gray-700 text-white rounded-full hover:bg-red-500 transition" id="sauced-btn">Soslu Tavuklar</button> |
| | <button onclick="filterMenu('snacks')" class="category-btn whitespace-nowrap px-6 py-2 bg-gray-700 text-white rounded-full hover:bg-red-500 transition" id="snacks-btn">Atıştırmalıklar</button> |
| | <button onclick="filterMenu('drinks')" class="category-btn whitespace-nowrap px-6 py-2 bg-gray-700 text-white rounded-full hover:bg-red-500 transition" id="drinks-btn">İçecekler</button> |
| | </div> |
| | </div> |
| | </section> |
| | |
| | <!-- Search Box --> |
| | <section class="py-8 px-4"> |
| | <div class="container mx-auto max-w-2xl"> |
| | <div class="relative"> |
| | <input type="text" id="menuSearch" placeholder="Menüde ara..." class="w-full bg-gray-800 border border-gray-700 rounded-full px-6 py-3 text-white focus:outline-none focus:ring-2 focus:ring-red-400 pl-12"> |
| | <i data-feather="search" class="absolute left-4 top-3 text-gray-500"></i> |
| | </div> |
| | </div> |
| | </section> |
| | |
| | <!-- Menu Items --> |
| | <section class="py-8 px-4"> |
| | <div class="container mx-auto"> |
| | <!-- Izgara Tavuklar --> |
| | <div class="mb-16" id="grilled"> |
| | <h2 class="text-2xl font-bold mb-8 flex items-center"> |
| | <i data-feather="sun" class="text-yellow-400 mr-3"></i> |
| | <span>Izgara Tavuklar</span> |
| | </h2> |
| | |
| | <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 menu-section" data-category="grilled"> |
| | <!-- Item 1 --> |
| | <div class="menu-item bg-gray-800 rounded-xl p-6" data-name="Klasik Izgara Tavuk"> |
| | <div class="bg-gray-700 rounded-lg h-48 mb-4 overflow-hidden"> |
| | <img src="http://static.photos/food/640x360/11" alt="Klasik Izgara Tavuk" class="w-full h-full object-cover"> |
| | </div> |
| | <h3 class="text-xl font-bold mb-2 text-white">Klasik Izgara Tavuk</h3> |
| | <p class="text-gray-400 mb-4">Özel baharatlarla marine edilmiş, kömür ateşinde pişirilmiş 1/2 tavuk</p> |
| | <div class="flex justify-between items-center"> |
| | <span class="text-yellow-400 font-bold">₺39.90</span> |
| | <button class="add-to-cart bg-red-500 hover:bg-red-600 text-white px-4 py-2 rounded-lg transition flex items-center"> |
| | <i data-feather="plus" class="mr-2"></i> Sepete Ekle |
| | </button> |
| | </div> |
| | </div> |
| | |
| | <!-- Item 2 --> |
| | <div class="menu-item bg-gray-800 rounded-xl p-6" data-name="Baharatlı Izgara Tavuk"> |
| | <div class="bg-gray-700 rounded-lg h-48 mb-4 overflow-hidden"> |
| | <img src="http://static.photos/food/640x360/12" alt="Baharatlı Izgara Tavuk" class="w-full h-full object-cover"> |
| | </div> |
| | <h3 class="text-xl font-bold mb-2 text-white">Baharatlı Izgara Tavuk</h3> |
| | <p class="text-gray-400 mb-4">Özel baharat karışımı ile marine edilmiş, kömür ateşinde pişirilmiş 1/2 tavuk</p> |
| | <div class="flex justify-between items-center"> |
| | <span class="text-yellow-400 font-bold">₺44.90</span> |
| | <button class="add-to-cart bg-red-500 hover:bg-red-600 text-white px-4 py-2 rounded-lg transition flex items-center"> |
| | <i data-feather="plus" class="mr-2"></i> Sepete Ekle |
| | </button> |
| | </div> |
| | </div> |
| | |
| | <!-- Item 3 --> |
| | <div class="menu-item bg-gray-800 rounded-xl p-6" data-name="Izgara Tavuk Kanat"> |
| | <div class="bg-gray-700 rounded-lg h-48 mb-4 overflow-hidden"> |
| | <img src="http://static.photos/food/640x360/13" alt="Izgara Tavuk Kanat" class="w-full h-full object-cover"> |
| | </div> |
| | <h3 class="text-xl font-bold mb-2 text-white">Izgara Tavuk Kanat</h3> |
| | <p class="text-gray-400 mb-4">6 adet özel baharatlı tavuk kanat, kömür ateşinde pişirilmiş</p> |
| | <div class="flex justify-between items-center"> |
| | <span class="text-yellow-400 font-bold">₺34.90</span> |
| | <button class="add-to-cart bg-red-500 hover:bg-red-600 text-white px-4 py-2 rounded-lg transition flex items-center"> |
| | <i data-feather="plus" class="mr-2"></i> Sepete Ekle |
| | </button> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | |
| | <!-- Soslu Tavuklar --> |
| | <div class="mb-16" id="sauced"> |
| | <h2 class="text-2xl font-bold mb-8 flex items-center"> |
| | <i data-feather="droplet" class="text-red-400 mr-3"></i> |
| | <span>Soslu Tavuklar</span> |
| | </h2> |
| | |
| | <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 menu-section" data-category="sauced"> |
| | <!-- Item 1 --> |
| | <div class="menu-item bg-gray-800 rounded-xl p-6" data-name="Acılı Tavuk"> |
| | <div class="bg-gray-700 rounded-lg h-48 mb-4 overflow-hidden"> |
| | <img src="http://static.photos/food/640x360/14" alt="Acılı Tavuk" class="w-full h-full object-cover"> |
| | </div> |
| | <h3 class="text-xl font-bold mb-2 text-white">Acılı Tavuk</h3> |
| | <p class="text-gray-400 mb-4">Özel acı sosumuzla hazırlanan, 1/2 tavuk</p> |
| | <div class="flex justify-between items-center"> |
| | <span class="text-yellow-400 font-bold">₺49.90</span> |
| | <button class="add-to-cart bg-red-500 hover:bg-red-600 text-white px-4 py-2 rounded-lg transition flex items-center"> |
| | <i data-feather="plus" class="mr-2"></i> Sepete Ekle |
| | </button> |
| | </div> |
| | </div> |
| | |
| | <!-- Item 2 --> |
| | <div class="menu-item bg-gray-800 rounded-xl p-6" data-name="Ballı Hardal Soslu Tavuk"> |
| | <div class="bg-gray-700 rounded-lg h-48 mb-4 overflow-hidden"> |
| | <img src="http://static.photos/food/640x360/15" alt="Ballı Hardal Soslu Tavuk" class="w-full h-full object-cover"> |
| | </div> |
| | <h3 class="text-xl font-bold mb-2 text-white">Ballı Hardal Soslu Tavuk</h3> |
| | <p class="text-gray-400 mb-4">Bal ve hardalın mükemmel uyumuyla hazırlanan 1/2 tavuk</p> |
| | <div class="flex justify-between items-center"> |
| | <span class="text-yellow-400 font-bold">₺49.90</span> |
| | <button class="add-to-cart bg-red-500 hover:bg-red-600 text-white px-4 py-2 rounded-lg transition flex items-center"> |
| | <i data-feather="plus" class="mr-2"></i> Sepete Ekle |
| | </button> |
| | </div> |
| | </div> |
| | |
| | <!-- Item 3 --> |
| | <div class="menu-item bg-gray-800 rounded-xl p-6" data-name="Barbekü Soslu Tavuk"> |
| | <div class="bg-gray-700 rounded-lg h-48 mb-4 overflow-hidden"> |
| | <img src="http://static.photos/food/640x360/16" alt="Barbekü Soslu Tavuk" class="w-full h-full object-cover"> |
| | </div> |
| | <h3 class="text-xl font-bold mb-2 text-white">Barbekü Soslu Tavuk</h3> |
| | <p class="text-gray-400 mb-4">Özel barbekü sosumuzla hazırlanan 1/2 tavuk</p> |
| | <div class="flex justify-between items-center"> |
| | <span class="text-yellow-400 font-bold">₺49.90</span> |
| | <button class="add-to-cart bg-red-500 hover:bg-red-600 text-white px-4 py-2 rounded-lg transition flex items-center"> |
| | <i data-feather="plus" class="mr-2"></i> Sepete Ekle |
| | </button> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | |
| | <!-- Atıştırmalıklar --> |
| | <div class="mb-16" id="snacks"> |
| | <h2 class="text-2xl font-bold mb-8 flex items-center"> |
| | <i data-feather="coffee" class="text-yellow-400 mr-3"></i> |
| | <span>Atıştırmalıklar</span> |
| | </h2> |
| | |
| | <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 menu-section" data-category="snacks"> |
| | <!-- Item 1 --> |
| | <div class="menu-item bg-gray-800 rounded-xl p-6" data-name="Patates Kızartması"> |
| | <div class="bg-gray-700 rounded-lg h-48 mb-4 overflow-hidden"> |
| | <img src="http://static.photos/food/640x360/17" alt="Patates Kızartması" class="w-full h-full object-cover"> |
| | </div> |
| | <h3 class="text-xl font-bold mb-2 text-white">Patates Kızartması</h3> |
| | <p class="text-gray-400 mb-4">Özel kesilmiş, çıtır çıtır patates kızartması</p> |
| | <div class="flex justify-between items-center"> |
| | <span class="text-yellow-400 font-bold">₺19.90</span> |
| | <button class="add-to-cart bg-red-500 hover:bg-red-600 text-white px-4 py-2 rounded-lg transition flex items-center"> |
| | <i data-feather="plus" class="mr-2"></i> Sepete Ekle |
| | </button> |
| | </div> |
| | </div> |
| | |
| | <!-- Item 2 --> |
| | <div class="menu-item bg-gray-800 rounded-xl p-6" data-name="Soğan Halkası"> |
| | <div class="bg-gray-700 rounded-lg h-48 mb-4 overflow-hidden"> |
| | <img src="http://static.photos/food/640x360/18" alt="Soğan Halkası" class="w-full h-full object-cover"> |
| | </div> |
| | <h3 class="text-xl font-bold mb-2 text-white">Soğan Halkası</h3> |
| | <p class="text-gray-400 mb-4">Çıtır çıtır, özel ekmek kırıntılı soğan halkaları</p> |
| | <div class="flex justify-between items-center"> |
| | <span class="text-yellow-400 font-bold">₺24.90</span> |
| | <button class="add-to-cart bg-red-500 hover:bg-red-600 text-white px-4 py-2 rounded-lg transition flex items-center"> |
| | <i data-feather="plus" class="mr-2"></i> Sepete Ekle |
| | </button> |
| | </div> |
| | </div> |
| | |
| | <!-- Item 3 --> |
| | <div class="menu-item bg-gray-800 rounded-xl p-6" data-name="Mozzarella Çubukları"> |
| | <div class="bg-gray-700 rounded-lg h-48 mb-4 overflow-hidden"> |
| | <img src="http://static.photos/food/640x360/19" alt="Mozzarella Çubukları" class="w-full h-full object-cover"> |
| | </div> |
| | <h3 class="text-xl font-bold mb-2 text-white">Mozzarella Çubukları</h3> |
| | <p class="text-gray-400 mb-4">Çıtır dışı, yumuşak içi mozzarella çubukları</p> |
| | <div class="flex justify-between items-center"> |
| | <span class="text-yellow-400 font-bold">₺29.90</span> |
| | <button class="add-to-cart bg-red-500 hover:bg-red-600 text-white px-4 py-2 rounded-lg transition flex items-center"> |
| | <i data-feather="plus" class="mr-2"></i> Sepete Ekle |
| | </button> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | |
| | <!-- İçecekler --> |
| | <div class="mb-16" id="drinks"> |
| | <h2 class="text-2xl font-bold mb-8 flex items-center"> |
| | <i data-feather="droplet" class="text-blue-400 mr-3 bubble"></i> |
| | <span>İçecekler</span> |
| | </h2> |
| | |
| | <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 menu-section" data-category="drinks"> |
| | <!-- Item 1 --> |
| | <div class="menu-item bg-gray-800 rounded-xl p-6" data-name="Kola"> |
| | <div class="bg-gray-700 rounded-lg h-48 mb-4 overflow-hidden"> |
| | <img src="http://static.photos/food/640x360/20" alt="Kola" class="w-full h-full object-cover"> |
| | </div> |
| | <h3 class="text-xl font-bold mb-2 text-white">Kola</h3> |
| | <p class="text-gray-400 mb-4">330ml soğuk kola</p> |
| | <div class="flex justify-between items-center"> |
| | <span class="text-yellow-400 font-bold">₺9.90</span> |
| | <button class="add-to-cart bg-red-500 hover:bg-red-600 text-white px-4 py-2 rounded-lg transition flex items-center"> |
| | <i data-feather="plus" class="mr-2"></i> Sepete Ekle |
| | </button> |
| | </div> |
| | </div> |
| | |
| | <!-- Item 2 --> |
| | <div class="menu-item bg-gray-800 rounded-xl p-6" data-name="Fanta"> |
| | <div class="bg-gray-700 rounded-lg h-48 mb-4 overflow-hidden"> |
| | <img src="http://static.photos/food/640x360/21" alt="Fanta" class="w-full h-full object-cover"> |
| | </div> |
| | <h3 class="text-xl font-bold mb-2 text-white">Fanta</h3> |
| | <p class="text-gray-400 mb-4">330ml soğuk fanta</p> |
| | <div class="flex justify-between items-center"> |
| | <span class="text-yellow-400 font-bold">₺9.90</span> |
| | <button class="add-to-cart bg-red-500 hover:bg-red-600 text-white px-4 py-2 rounded-lg transition flex items-center"> |
| | <i data-feather="plus" class="mr-2"></i> Sepete Ekle |
| | </button> |
| | </div> |
| | </div> |
| | |
| | <!-- Item 3 --> |
| | <div class="menu-item bg-gray-800 rounded-xl p-6" data-name="Ayran"> |
| | <div class="bg-gray-700 rounded-lg h-48 mb-4 overflow-hidden"> |
| | <img src="http://static.photos/food/640x360/22" alt="Ayran" class="w-full h-full object-cover"> |
| | </div> |
| | <h3 class="text-xl font-bold mb-2 text-white">Ayran</h3> |
| | <p class="text-gray-400 mb-4">330ml soğuk ayran</p> |
| | <div class="flex justify-between items-center"> |
| | <span class="text-yellow-400 font-bold">₺9.90</span> |
| | <button class="add-to-cart bg-red-500 hover:bg-red-600 text-white px-4 py-2 rounded-lg transition flex items-center"> |
| | <i data-feather="plus" class="mr-2"></i> Sepete Ekle |
| | </button> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| | |
| | <!-- Cart Floating Button --> |
| | <div class="fixed bottom-8 right-8 z-50"> |
| | <a href="cart.php" class="bg-red-500 hover:bg-red-600 text-white w-16 h-16 rounded-full flex items-center justify-center shadow-xl transition transform hover:scale-110"> |
| | <i data-feather="shopping-cart"></i> |
| | <span class="cart-badge" id="floatingCartCount">0</span> |
| | </a> |
| | </div> |
| | |
| | <script> |
| | AOS.init(); |
| | feather.replace(); |
| | |
| | // Cart functionality |
| | let cart = JSON.parse(localStorage.getItem('cart')) || []; |
| | |
| | function updateCartCount() { |
| | const totalItems = cart.reduce((total, item) => total + item.quantity, 0); |
| | document.getElementById('cartCount').textContent = totalItems; |
| | document.getElementById('floatingCartCount').textContent = totalItems; |
| | } |
| | |
| | |
| | document.querySelectorAll('.add-to-cart').forEach(button => { |
| | button.addEventListener('click', function() { |
| | const menuItem = this.closest('.menu-item'); |
| | const itemName = menuItem.dataset.name; |
| | const itemPrice = parseFloat(menuItem.querySelector('span').textContent.replace('₺', '')); |
| | |
| | // Check if item already in cart |
| | const existingItem = cart.find(item => item.name === itemName); |
| | |
| | if (existingItem) { |
| | existingItem.quantity += 1; |
| | } else { |
| | cart.push({ |
| | name: itemName, |
| | price: itemPrice, |
| | quantity: 1 |
| | }); |
| | } |
| | |
| | localStorage.setItem('cart', JSON.stringify(cart)); |
| | updateCartCount(); |
| | |
| | |
| | const notification = document.createElement('div'); |
| | notification.className = 'fixed top-4 right-4 bg-green-500 text-white px-4 py-2 rounded-lg shadow-lg z-50 animate-fade-in-out'; |
| | notification.textContent = `${itemName} sepete eklendi!`; |
| | document.body.appendChild(notification); |
| | |
| | setTimeout(() => { |
| | notification.remove(); |
| | }, 2000); |
| | }); |
| | }); |
| | |
| | |
| | function filterMenu(category) { |
| | |
| | document.querySelectorAll('.category-btn').forEach(btn => { |
| | btn.classList.remove('active-category'); |
| | }); |
| | |
| | if (category === 'all') { |
| | document.querySelector('.category-btn').classList.add('active-category'); |
| | document.querySelectorAll('.menu-section').forEach(section => { |
| | section.style.display = 'grid'; |
| | }); |
| | } else { |
| | document.getElementById(`${category}-btn`).classList.add('active-category'); |
| | document.querySelectorAll('.menu-section').forEach(section => { |
| | if (section.dataset.category === category) { |
| | section.style.display = 'grid'; |
| | } else { |
| | section.style.display = 'none'; |
| | } |
| | }); |
| | } |
| | |
| | |
| | if (category !== 'all') { |
| | document.getElementById(category).scrollIntoView({ |
| | behavior: 'smooth' |
| | }); |
| | } |
| | } |
| | |
| | |
| | document.getElementById('menuSearch').addEventListener('input', function() { |
| | const searchTerm = this.value.toLowerCase(); |
| | |
| | document.querySelectorAll('.menu-item').forEach(item => { |
| | const itemName = item.dataset.name.toLowerCase(); |
| | |
| | if (itemName.includes(searchTerm)) { |
| | item.style.display = 'block'; |
| | } else { |
| | item.style.display = 'none'; |
| | } |
| | }); |
| | }); |
| | |
| | |
| | updateCartCount(); |
| | </script> |
| | </body> |
| | </html> |
| |
|
