{"id":2021,"date":"2026-06-18T14:20:45","date_gmt":"2026-06-18T14:20:45","guid":{"rendered":"https:\/\/huilerie-houali.com\/2024\/?page_id=2021"},"modified":"2026-08-21T14:09:09","modified_gmt":"2026-08-21T14:09:09","slug":"produits","status":"publish","type":"page","link":"https:\/\/huilerie-houali.com\/2024\/produits\/","title":{"rendered":"produits"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n \n \n \n Huile d'olive vierge bio - Huilerie Houali | Acheter en ligne<\/title>\n <meta name=\"description\" content=\"D\u00e9couvrez l'huile d'olive d'exception de la Huilerie Houali. Press\u00e9e \u00e0 froid, 100% naturelle. Commande en ligne sur TAFRAHT. Livraison dans toute l'Alg\u00e9rie.\">\n <meta name=\"keywords\" content=\"huile d'olive, huile vierge, huile bio, huilerie, TAFRAHT, Alg\u00e9rie, Kabylie\">\n <meta name=\"robots\" content=\"index, follow\">\n <link rel=\"canonical\" href=\"https:\/\/huilerie-houali.com\/2024\/produits\/\">\n\n <!-- ========================================================== -->\n <!-- ===== OPEN GRAPH ===== -->\n <!-- ========================================================== -->\n <meta property=\"og:title\" content=\"Huile d'olive vierge bio - Huilerie Houali depuis 1952\">\n <meta property=\"og:description\" content=\"D\u00e9couvrez notre huile d'olive d'exception. Press\u00e9e \u00e0 froid, 100% naturelle. Commande en ligne sur TAFRAHT.\">\n <meta property=\"og:image\" content=\"https:\/\/huilerie-houali.com\/2024\/wp-content\/uploads\/2026\/07\/672677326_1473024204614144_1325106953752859670_n.jpg\">\n <meta property=\"og:url\" content=\"https:\/\/huilerie-houali.com\/2024\/produits\/\">\n <meta property=\"og:type\" content=\"website\">\n <meta property=\"og:locale\" content=\"fr_FR\">\n\n <!-- ========================================================== -->\n <!-- ===== TWITTER CARD ===== -->\n <!-- ========================================================== -->\n <meta name=\"twitter:card\" content=\"summary_large_image\">\n <meta name=\"twitter:title\" content=\"Huilerie Houali - Huile d'olive d'exception\">\n <meta name=\"twitter:description\" content=\"D\u00e9couvrez nos huiles d'olive vierges extra, press\u00e9es \u00e0 froid.\">\n <meta name=\"twitter:image\" content=\"https:\/\/huilerie-houali.com\/2024\/wp-content\/uploads\/2026\/07\/672677326_1473024204614144_1325106953752859670_n.jpg\">\n\n <!-- ========================================================== -->\n <!-- ===== SCHEMA.ORG ===== -->\n <!-- ========================================================== -->\n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"Organization\",\n \"name\": \"Huilerie Houali\",\n \"description\": \"Huile d'olive d'exception, press\u00e9e \u00e0 froid. Entreprise familiale depuis 1952.\",\n \"url\": \"https:\/\/huilerie-houali.com\",\n \"logo\": \"https:\/\/huilerie-houali.com\/2024\/wp-content\/uploads\/2026\/06\/cropped-cropped-cropped-OIP.webp\",\n \"address\": {\n \"@type\": \"PostalAddress\",\n \"addressLocality\": \"Tizi-Ouzou\",\n \"addressCountry\": \"DZ\"\n },\n \"contactPoint\": {\n \"@type\": \"ContactPoint\",\n \"telephone\": \"+213-540-39-06-97\",\n \"contactType\": \"Sales\",\n \"availableLanguage\": [\"FR\", \"AR\"]\n },\n \"sameAs\": [\n \"https:\/\/tafraht-olive-oil-la-mzdg.bolt.host\"\n ]\n }\n <\/script>\n\n <!-- ========================================================== -->\n <!-- ===== POLICES ===== -->\n <!-- ========================================================== -->\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n <!-- ========================================================== -->\n <!-- ===== STYLES ===== -->\n <!-- ========================================================== -->\n <style>\n :root {\n --bg-cream: #FDFBF9;\n --bg-soft: #F8F5F0;\n --text-dark: #1A1A1A;\n --text-muted: #6E6A66;\n --gold: #C5A059;\n --gold-light: #E2C98E;\n --gold-dark: #A8843A;\n --border-color: rgba(197, 160, 89, 0.2);\n --shadow-soft: 0 8px 30px rgba(0, 0, 0, 0.06);\n --shadow-hover: 0 12px 40px rgba(197, 160, 89, 0.15);\n --transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n --font-primary: 'Plus Jakarta Sans', sans-serif;\n --font-heading: 'Georgia', serif;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n background: var(--bg-cream);\n color: var(--text-dark);\n font-family: var(--font-primary);\n line-height: 1.6;\n overflow-x: hidden;\n font-size: 16px;\n }\n\n img {\n display: block;\n max-width: 100%;\n height: auto;\n }\n\n a {\n color: inherit;\n text-decoration: none;\n }\n\n button {\n font-family: inherit;\n cursor: pointer;\n background: none;\n border: none;\n }\n\n \/* ===== HERO ===== *\/\n .hero {\n position: relative;\n min-height: 85vh;\n display: flex;\n align-items: center;\n padding: 140px 60px 80px;\n background: linear-gradient(135deg, rgba(20, 20, 18, 0.75) 0%, rgba(20, 20, 18, 0.5) 100%),\n url('https:\/\/huilerie-houali.com\/2024\/wp-content\/uploads\/2026\/07\/672677326_1473024204614144_1325106953752859670_n.jpg') center\/cover no-repeat;\n color: #ffffff;\n overflow: hidden;\n }\n\n .hero-content {\n max-width: 650px;\n z-index: 2;\n position: relative;\n animation: fadeInUp 1.2s ease forwards;\n opacity: 0;\n }\n\n @keyframes fadeInUp {\n from { opacity: 0; transform: translateY(40px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .hero-subtitle {\n font-size: 0.7rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.3em;\n color: var(--gold-light);\n margin-bottom: 16px;\n display: block;\n }\n\n .hero h1 {\n font-size: clamp(2.5rem, 5vw, 4.2rem);\n font-weight: 700;\n line-height: 1.1;\n margin-bottom: 20px;\n letter-spacing: -0.02em;\n color: #ffffff;\n text-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);\n }\n\n .hero h1 .highlight {\n color: var(--gold-light);\n }\n\n .hero p {\n font-size: 1.05rem;\n color: rgba(255, 255, 255, 0.85);\n margin-bottom: 32px;\n font-weight: 300;\n max-width: 500px;\n text-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);\n }\n\n .btn-primary {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n background: var(--gold);\n color: #ffffff;\n padding: 16px 40px;\n border-radius: 50px;\n font-weight: 700;\n font-size: 0.8rem;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n transition: var(--transition);\n box-shadow: 0 4px 25px rgba(197, 160, 89, 0.35);\n border: none;\n cursor: pointer;\n }\n\n .btn-primary:hover {\n background: var(--gold-dark);\n transform: translateY(-3px);\n box-shadow: 0 8px 35px rgba(197, 160, 89, 0.45);\n }\n\n \/* ===== SECTION ===== *\/\n .section {\n max-width: 1400px;\n margin: 0 auto;\n padding: 90px 40px;\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 50px;\n }\n\n .section-header h2 {\n font-size: 2rem;\n font-weight: 700;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n margin-bottom: 12px;\n color: var(--text-dark);\n font-family: var(--font-heading);\n }\n\n .section-header h2 .gold {\n color: var(--gold);\n }\n\n .section-header p {\n color: var(--text-muted);\n font-size: 0.95rem;\n max-width: 550px;\n margin: 0 auto;\n }\n\n .section-sep {\n width: 50px;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--gold), transparent);\n margin: 14px auto 0;\n border-radius: 3px;\n }\n\n \/* ===== INTRODUCTION SEO ===== *\/\n .seo-introduction {\n max-width: 950px;\n margin: -20px auto 50px;\n padding: 30px 35px;\n background: #ffffff;\n border-radius: 16px;\n border: 1px solid var(--border-color);\n box-shadow: var(--shadow-soft);\n text-align: center;\n }\n\n .seo-introduction h2 {\n font-family: var(--font-heading);\n font-size: 1.6rem;\n color: var(--text-dark);\n margin-bottom: 12px;\n }\n\n .seo-introduction h2 .gold {\n color: var(--gold);\n }\n\n .seo-introduction p {\n font-size: 0.95rem;\n color: #4a4a4a;\n line-height: 1.8;\n margin-bottom: 10px;\n }\n\n .seo-introduction .highlight-link {\n color: var(--gold);\n font-weight: 600;\n transition: var(--transition);\n }\n\n .seo-introduction .highlight-link:hover {\n color: var(--gold-dark);\n text-decoration: underline;\n }\n\n \/* ===== BANDEAU TAFRAHT ===== *\/\n .tafraht-banner {\n background: linear-gradient(135deg, #1a1a18, #2c2a29);\n border-radius: 20px;\n padding: 30px 40px;\n margin-bottom: 45px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 20px;\n border-left: 6px solid var(--gold);\n box-shadow: var(--shadow-soft);\n }\n\n .tafraht-banner-text {\n display: flex;\n flex-direction: column;\n gap: 4px;\n }\n\n .tafraht-banner-text .label {\n font-size: 0.65rem;\n text-transform: uppercase;\n letter-spacing: 0.15em;\n color: var(--gold-light);\n font-weight: 600;\n }\n\n .tafraht-banner-text h3 {\n color: #ffffff;\n font-size: 1.3rem;\n font-weight: 600;\n font-family: var(--font-heading);\n letter-spacing: -0.01em;\n }\n\n .tafraht-banner-text p {\n color: rgba(255, 255, 255, 0.55);\n font-size: 0.9rem;\n }\n\n .btn-tafraht {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: var(--gold);\n color: #ffffff;\n padding: 14px 34px;\n border-radius: 50px;\n font-weight: 700;\n font-size: 0.8rem;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n transition: var(--transition);\n flex-shrink: 0;\n box-shadow: 0 4px 20px rgba(197, 160, 89, 0.3);\n border: none;\n cursor: pointer;\n }\n\n .btn-tafraht:hover {\n background: var(--gold-dark);\n transform: translateY(-3px);\n box-shadow: 0 8px 30px rgba(197, 160, 89, 0.4);\n }\n\n \/* ===== FILTRES ===== *\/\n .filters-wrapper {\n display: flex;\n justify-content: center;\n gap: 12px;\n flex-wrap: wrap;\n margin-bottom: 40px;\n }\n\n .filter-btn {\n padding: 10px 26px;\n background: #ffffff;\n border: 1px solid var(--border-color);\n border-radius: 50px;\n font-size: 0.8rem;\n font-weight: 600;\n color: var(--text-muted);\n transition: var(--transition);\n cursor: pointer;\n }\n\n .filter-btn:hover {\n border-color: var(--gold);\n color: var(--text-dark);\n transform: translateY(-2px);\n }\n\n .filter-btn.active {\n background: var(--gold);\n color: #ffffff;\n border-color: var(--gold);\n box-shadow: 0 4px 15px rgba(197, 160, 89, 0.25);\n }\n\n \/* ===== CATALOG BAR ===== *\/\n .catalog-bar {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 25px;\n padding-bottom: 15px;\n border-bottom: 1px solid var(--border-color);\n }\n\n .catalog-bar h3 {\n font-size: 1.05rem;\n font-weight: 600;\n font-family: var(--font-heading);\n }\n\n .reset-link {\n font-size: 0.8rem;\n color: var(--gold);\n font-weight: 600;\n cursor: pointer;\n transition: var(--transition);\n }\n\n .reset-link:hover {\n text-decoration: underline;\n color: var(--gold-dark);\n }\n\n \/* ===== GRILLE PRODUITS (SANS BOUTONS) ===== *\/\n .products-scroll-wrapper {\n max-height: 850px;\n overflow-y: auto;\n padding-right: 10px;\n margin-bottom: 0;\n scroll-behavior: smooth;\n }\n\n .products-scroll-wrapper::-webkit-scrollbar {\n width: 5px;\n }\n\n .products-scroll-wrapper::-webkit-scrollbar-track {\n background: rgba(0, 0, 0, 0.03);\n border-radius: 10px;\n }\n\n .products-scroll-wrapper::-webkit-scrollbar-thumb {\n background: var(--gold);\n border-radius: 10px;\n }\n\n .products-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 24px;\n }\n\n .product-card {\n background: #ffffff;\n border: 1px solid rgba(197, 160, 89, 0.08);\n border-radius: 16px;\n overflow: hidden;\n transition: var(--transition);\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n padding: 20px;\n box-shadow: var(--shadow-soft);\n }\n\n .product-card:hover {\n transform: translateY(-8px);\n border-color: var(--gold);\n box-shadow: var(--shadow-hover);\n }\n\n .product-card a {\n text-decoration: none;\n color: inherit;\n display: block;\n }\n\n .product-img-box {\n width: 100%;\n height: 220px;\n background: #faf8f5;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 12px;\n overflow: hidden;\n padding: 15px;\n margin-bottom: 16px;\n position: relative;\n }\n\n .product-img-box img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n transition: transform 0.6s ease;\n }\n\n .product-card:hover .product-img-box img {\n transform: scale(1.06);\n }\n\n .product-info h4 {\n font-size: 0.95rem;\n font-weight: 600;\n color: var(--text-dark);\n margin-bottom: 8px;\n min-height: 44px;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n font-family: var(--font-heading);\n }\n\n .product-price {\n font-size: 1.1rem;\n font-weight: 700;\n color: var(--gold);\n font-family: var(--font-heading);\n padding-bottom: 4px;\n }\n\n .loader {\n text-align: center;\n padding: 60px;\n color: var(--text-muted);\n font-size: 0.95rem;\n grid-column: 1 \/ -1;\n }\n\n \/* ===== MAILLAGE INTERNE ===== *\/\n .internal-links {\n max-width: 1400px;\n margin: 50px auto 30px;\n padding: 30px 40px;\n background: #ffffff;\n border-radius: 16px;\n border: 1px solid var(--border-color);\n display: flex;\n justify-content: center;\n gap: 30px;\n flex-wrap: wrap;\n }\n\n .internal-links a {\n color: var(--text-dark);\n font-size: 0.85rem;\n font-weight: 500;\n transition: var(--transition);\n padding: 6px 14px;\n border-radius: 30px;\n border: 1px solid transparent;\n }\n\n .internal-links a:hover {\n color: var(--gold);\n border-color: var(--border-color);\n background: var(--bg-soft);\n }\n\n \/* ===== SECTION \u00c0 PROPOS ===== *\/\n .section-about {\n max-width: 1400px;\n margin: 0 auto 60px;\n padding: 60px 40px;\n background: var(--bg-soft);\n border-radius: 24px;\n border: 1px solid rgba(197, 160, 89, 0.08);\n }\n\n .about-inner {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n\n .about-inner h2 {\n font-family: var(--font-heading);\n font-size: 28px;\n color: var(--text-dark);\n margin-bottom: 16px;\n }\n\n .about-inner h2 .gold {\n color: var(--gold);\n }\n\n .about-inner p {\n font-size: 16px;\n color: #4a4a4a;\n line-height: 1.8;\n margin-bottom: 12px;\n }\n\n .about-inner p strong {\n color: var(--text-dark);\n }\n\n .about-inner .about-link {\n color: var(--gold);\n font-weight: 600;\n transition: var(--transition);\n }\n\n .about-inner .about-link:hover {\n color: var(--gold-dark);\n text-decoration: underline;\n }\n\n \/* ===== RESPONSIVE ===== *\/\n @media (max-width: 1024px) {\n .products-grid { grid-template-columns: repeat(3, 1fr); }\n }\n\n @media (max-width: 768px) {\n .hero { padding: 100px 25px 60px; min-height: 70vh; }\n .products-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }\n .section { padding: 60px 20px; }\n .tafraht-banner { flex-direction: column; text-align: center; padding: 25px 20px; }\n .btn-tafraht { width: 100%; justify-content: center; }\n .tafraht-banner-text h3 { font-size: 1.1rem; }\n .section-header h2 { font-size: 1.5rem; }\n .section-about { padding: 40px 20px; margin: 0 15px 40px; }\n .about-inner h2 { font-size: 22px; }\n .seo-introduction { padding: 20px; margin: -10px 15px 30px; }\n .seo-introduction h2 { font-size: 1.3rem; }\n .internal-links { padding: 20px; gap: 15px; }\n }\n\n @media (max-width: 480px) {\n .products-grid { grid-template-columns: 1fr; gap: 14px; }\n .hero h1 { font-size: 1.8rem; }\n .hero p { font-size: 0.95rem; }\n .btn-primary { padding: 14px 28px; font-size: 0.7rem; width: 100%; justify-content: center; }\n .filters-wrapper { gap: 8px; }\n .filter-btn { padding: 8px 16px; font-size: 0.7rem; }\n .product-img-box { height: 180px; }\n .tafraht-banner-text h3 { font-size: 1rem; }\n .tafraht-banner { padding: 20px 16px; }\n .btn-tafraht { padding: 12px 24px; font-size: 0.7rem; }\n .internal-links { flex-direction: column; align-items: center; gap: 10px; }\n }\n <\/style>\n<\/head>\n<body>\n\n<!-- ========================================================== -->\n<!-- ===== HERO SECTION ===== -->\n<!-- ========================================================== -->\n<section id=\"accueil\" class=\"hero\" aria-labelledby=\"hero-title\">\n <div class=\"hero-content\">\n <span class=\"hero-subtitle\">Huilerie Houali \u2022 Depuis 1952<\/span>\n <h1 id=\"hero-title\">\n L'<span class=\"highlight\">Essence<\/span> de la Nature\n <\/h1>\n <p>Des produits naturels, un savoir-faire authentique transmis de g\u00e9n\u00e9ration en g\u00e9n\u00e9ration.<\/p>\n <a href=\"#catalogue\" class=\"btn-primary\">\n D\u00e9couvrir nos produits\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n <\/svg>\n <\/a>\n <\/div>\n<\/section>\n\n<!-- ========================================================== -->\n<!-- ===== CATALOGUE PRODUITS ===== -->\n<!-- ========================================================== -->\n<section id=\"catalogue\" class=\"section\" aria-labelledby=\"catalog-title\">\n\n <div class=\"section-header\">\n <h2 id=\"catalog-title\">Notre <span class=\"gold\">Catalogue<\/span><\/h2>\n <p>D\u00e9couvrez notre gamme de produits naturels \u00e9labor\u00e9s avec passion et tradition.<\/p>\n <div class=\"section-sep\" aria-hidden=\"true\"><\/div>\n <\/div>\n\n <!-- INTRODUCTION SEO -->\n <div class=\"seo-introduction\">\n <h2>Huile d'olive vierge extra : l'excellence <span class=\"gold\">Houali<\/span><\/h2>\n <p>\n <strong>La Huilerie Houali<\/strong> produit une <strong>huile d'olive<\/strong> d'exception, press\u00e9e \u00e0 froid selon un savoir-faire transmis de g\u00e9n\u00e9ration en g\u00e9n\u00e9ration depuis 1952. Notre <strong>huile d'olive vierge extra<\/strong> est 100% naturelle, sans additif ni m\u00e9lange, issue d'olives r\u00e9colt\u00e9es \u00e0 maturit\u00e9 dans les montagnes de Kabylie.\n <\/p>\n <p>\n Les bienfaits de l'<strong>huile d'olive<\/strong> sont reconnus dans le monde entier. Riche en acides gras mono-insatur\u00e9s, en vitamine E et en polyph\u00e9nols, notre <strong>huile d'olive vierge extra<\/strong> contribue \u00e0 une alimentation saine et \u00e9quilibr\u00e9e. Elle est id\u00e9ale pour la cuisson, l'assaisonnement ou en usage th\u00e9rapeutique.\n <\/p>\n <p>\n Nous proposons plusieurs formats de notre <strong>huile d'olive<\/strong> : bouteilles de 1L, 2L, 3L et 5L, ainsi que des coffrets cadeaux pour vos proches. \n <a href=\"https:\/\/tafraht-olive-oil-la-mzdg.bolt.host\" target=\"_blank\" rel=\"noopener\" class=\"highlight-link\">Commandez votre huile d'olive en ligne sur TAFRAHT<\/a> et recevez-la directement chez vous, paiement \u00e0 la livraison pour toute l'Alg\u00e9rie.\n <\/p>\n <p>\n Depuis 1952, notre famille perp\u00e9tue la tradition de l'<strong>huile d'olive<\/strong> de qualit\u00e9. Chaque r\u00e9colte est un moment de partage et de respect de la nature. Nous s\u00e9lectionnons avec soin nos olives, issues de l'agriculture biologique, pour vous offrir une <strong>huile d'olive vierge extra<\/strong> d'exception.\n <\/p>\n <\/div>\n\n <!-- BANDEAU TAFRAHT -->\n <div class=\"tafraht-banner\">\n <div class=\"tafraht-banner-text\">\n <span class=\"label\">Commande simplifi\u00e9e<\/span>\n <h3>Passez votre commande directement sur TAFRAHT<\/h3>\n <p>Acc\u00e9dez \u00e0 notre boutique en ligne pour commander facilement vos huiles d'olive.<\/p>\n <\/div>\n <a href=\"https:\/\/tafraht-olive-oil-la-mzdg.bolt.host\" target=\"_blank\" rel=\"noopener\" class=\"btn-tafraht\">\n Commander maintenant \u2192\n <\/a>\n <\/div>\n\n <!-- FILTRES -->\n <div class=\"filters-wrapper\" id=\"catGrid\" role=\"tablist\">\n <button class=\"filter-btn active\" onclick=\"filterProducts('all')\" data-cat=\"all\" role=\"tab\">Tous<\/button>\n <button class=\"filter-btn\" onclick=\"filterProducts('huiles-dolive')\" data-cat=\"huiles-dolive\" role=\"tab\">Huiles d'Olive<\/button>\n <button class=\"filter-btn\" onclick=\"filterProducts('coffrets')\" data-cat=\"coffrets\" role=\"tab\">Coffrets<\/button>\n <button class=\"filter-btn\" onclick=\"filterProducts('soins')\" data-cat=\"soins\" role=\"tab\">Soins & \u00c9picerie<\/button>\n <\/div>\n\n <div class=\"catalog-bar\">\n <h3 id=\"catalogTitle\">Catalogue G\u00e9n\u00e9ral<\/h3>\n <span class=\"reset-link\" id=\"resetBtn\" onclick=\"resetFilter()\" style=\"display:none\">Voir tout<\/span>\n <\/div>\n\n <!-- CONTENEUR PRODUITS -->\n <div class=\"products-scroll-wrapper\">\n <div id=\"productsContainer\">\n <div class=\"loader\">Chargement des produits...<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ========================================================== -->\n<!-- ===== MAILLAGE INTERNE ===== -->\n<!-- ========================================================== -->\n\n<!-- ========================================================== -->\n<!-- ===== SECTION \u00c0 PROPOS ===== -->\n<!-- ========================================================== -->\n<section class=\"section-about\" aria-labelledby=\"about-title\">\n <div class=\"about-inner\">\n <h2 id=\"about-title\">Huile d'olive d'exception depuis <span class=\"gold\">1952<\/span><\/h2>\n <p>\n La <strong>Huilerie Houali<\/strong> produit une <strong>huile d'olive vierge extra<\/strong> issue de l'agriculture biologique.\n Nos olives sont press\u00e9es \u00e0 froid dans les montagnes de Kabylie, pr\u00e9servant ainsi tous leurs bienfaits naturels.\n <\/p>\n <p>\n Que vous recherchiez une <strong>huile d'olive<\/strong> pour la cuisine ou pour ses vertus sant\u00e9,\n notre gamme de produits vous offre le meilleur de la nature.\n <a href=\"https:\/\/tafraht-olive-oil-la-mzdg.bolt.host\" target=\"_blank\" rel=\"noopener\" class=\"about-link\">Commandez maintenant sur TAFRAHT<\/a>.\n <\/p>\n <\/div>\n<\/section>\n\n<!-- ========================================================== -->\n<!-- ===== JAVASCRIPT ===== -->\n<!-- ========================================================== -->\n<script>\n(function() {\n 'use strict';\n\n var currentFilter = 'all';\n var allProducts = [];\n\n var consumerKey = 'ck_b076671d50bb3bfbaaf5199ef38e355b25094b7a';\n var consumerSecret = 'cs_cf0c55cbc2a035a726fa9b05e5f19f2bf02f2733';\n var siteUrl = 'https:\/\/huilerie-houali.com\/2024';\n var apiUrl = siteUrl + '\/wp-json\/wc\/v3\/products?per_page=50&status=publish&orderby=price&order=desc&consumer_key=' + consumerKey + '&consumer_secret=' + consumerSecret;\n\n function loadProducts() {\n var container = document.getElementById('productsContainer');\n container.innerHTML = '<div class=\"loader\">Chargement des produits...<\/div>';\n\n fetch(apiUrl)\n .then(function(response) {\n if (!response.ok) throw new Error('Erreur de chargement');\n return response.json();\n })\n .then(function(data) {\n allProducts = data;\n renderProducts('all');\n })\n .catch(function(error) {\n console.error(error);\n container.innerHTML = '<p style=\"text-align:center;padding:40px;color:var(--gold);\">\u26a0\ufe0f Connexion impossible. Veuillez r\u00e9essayer.<\/p>';\n });\n }\n\n function renderProducts(filter) {\n var container = document.getElementById('productsContainer');\n var filtered = allProducts;\n\n if (filter !== 'all') {\n filtered = allProducts.filter(function(p) {\n if (!p.categories) return false;\n return p.categories.some(function(cat) { return cat.slug === filter; });\n });\n }\n\n if (filtered.length === 0) {\n container.innerHTML = '<p style=\"text-align:center;padding:40px;color:var(--text-muted);grid-column:1\/-1;\">Aucun produit trouv\u00e9 dans cette cat\u00e9gorie.<\/p>';\n return;\n }\n\n var html = '<div class=\"products-grid\">';\n for (var i = 0; i < filtered.length; i++) {\n var p = filtered[i];\n var imageUrl = p.images && p.images.length > 0 ? p.images[0].src : '';\n var price = p.price ? p.price + ' DA' : 'Sur demande';\n var productUrl = '\/2024\/produit\/' + p.slug + '\/';\n\n html += '<div class=\"product-card\">';\n html += ' <a href=\"' + productUrl + '\" aria-label=\"Voir les d\u00e9tails de ' + p.name + '\">';\n html += ' <div class=\"product-img-box\">';\n if (imageUrl) {\n html += ' <img loading=\"lazy\" decoding=\"async\" src=\"' + imageUrl + '\" alt=\"' + p.name + ' - Huilerie Houali\" loading=\"lazy\" width=\"300\" height=\"220\">';\n } else {\n html += ' <span style=\"color:var(--text-muted);font-size:0.8rem;\">Indisponible<\/span>';\n }\n html += ' <\/div>';\n html += ' <div class=\"product-info\">';\n html += ' <h4>' + p.name + '<\/h4>';\n html += ' <div class=\"product-price\">' + price + '<\/div>';\n html += ' <\/div>';\n html += ' <\/a>';\n html += '<\/div>';\n }\n html += '<\/div>';\n\n container.innerHTML = html;\n }\n\n window.filterProducts = function(catSlug) {\n currentFilter = catSlug;\n var title = document.getElementById('catalogTitle');\n var resetBtn = document.getElementById('resetBtn');\n\n var labels = {\n 'all': 'Catalogue G\u00e9n\u00e9ral',\n 'huiles-dolive': 'Huiles d\\'Olive Vierge Extra',\n 'coffrets': 'Coffrets Cadeaux',\n 'soins': 'Soins & \u00c9picerie Fine'\n };\n\n if (title) title.textContent = labels[catSlug] || 'Catalogue';\n if (resetBtn) resetBtn.style.display = catSlug === 'all' ? 'none' : 'inline-block';\n\n var pills = document.querySelectorAll('.filter-btn');\n for (var i = 0; i < pills.length; i++) {\n pills[i].classList.toggle('active', pills[i].getAttribute('data-cat') === catSlug);\n }\n\n renderProducts(catSlug);\n };\n\n window.resetFilter = function() {\n window.filterProducts('all');\n };\n\n if (document.readyState === 'complete' || document.readyState === 'interactive') {\n loadProducts();\n } else {\n document.addEventListener('DOMContentLoaded', loadProducts);\n }\n\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Huile d’olive vierge bio – Huilerie Houali | Acheter en ligne Huilerie Houali \u2022 Depuis 1952 L’Essence de la Nature Des produits naturels, un savoir-faire authentique transmis de g\u00e9n\u00e9ration en g\u00e9n\u00e9ration. D\u00e9couvrir nos produits Notre Catalogue D\u00e9couvrez notre gamme de produits naturels \u00e9labor\u00e9s avec passion et tradition. Huile d’olive vierge extra : l’excellence Houali La…<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"default","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-2021","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/huilerie-houali.com\/2024\/wp-json\/wp\/v2\/pages\/2021","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/huilerie-houali.com\/2024\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/huilerie-houali.com\/2024\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/huilerie-houali.com\/2024\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/huilerie-houali.com\/2024\/wp-json\/wp\/v2\/comments?post=2021"}],"version-history":[{"count":33,"href":"https:\/\/huilerie-houali.com\/2024\/wp-json\/wp\/v2\/pages\/2021\/revisions"}],"predecessor-version":[{"id":2283,"href":"https:\/\/huilerie-houali.com\/2024\/wp-json\/wp\/v2\/pages\/2021\/revisions\/2283"}],"wp:attachment":[{"href":"https:\/\/huilerie-houali.com\/2024\/wp-json\/wp\/v2\/media?parent=2021"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}