/* ============================================================ ARGANIA — BUNDLE SELECTOR OPUNTIA (overlay MoonBundle) DESIGN "façon Bonjour" + BANDEAU OFFRE ÉTÉ (variante A) MÉCANIQUE STRICTEMENT IDENTIQUE à la version fonctionnelle : - init() / masquage / Weglot / SPA : INCHANGÉS - synchro par CACHE d'options capturées à l'init (fix gel 3→1) - watchdog : force le réaffichage si MoonBundle efface l'UI ============================================================ */ (function() { if (!window.location.pathname.includes('huile-de-figue-de-barbarie')) return; var T = { fr: { band_top: "☀️ OFFRE D'ÉTÉ EN COURS — JUSQU'À −60 % + CADEAUX", reco: "Le plus choisi", best: "La meilleure offre", qty1: "1 flacon", qty2: "2 flacons", qty3: "3 flacons", sub1: "−25 % + 1 cadeau", sub2: "−44 % + 2 cadeaux", sub3: "−60 % + 3 cadeaux", pf1: "CHF 59.90/flacon", pf2: "CHF 49.90/flacon", pf3: "CHF 39.90/flacon", band1: "VOTRE OFFRE : −25 % + 1 CADEAU", band2: "LE PLUS CHOISI : −44 % + 2 CADEAUX", band3: "LA MEILLEURE OFFRE : −60 % + 3 CADEAUX", dur1: "2 mois de rituel", dur2: "4 mois de rituel", dur3: "6 mois de rituel", chk1: "Livraison offerte + cadeaux offerts", chk2: "60 jours satisfaite ou remboursée", gifts_title: "Cadeaux exclusifs offerts :", offert: "OFFERTE", g1: "Livraison express 48h", g2: "Pierre Gua Sha de massage", g3: "Crème de jour figue de barbarie Luminia®", lock2: "Dès 2 flacons", lock3: "Dès 3 flacons" }, de: { band_top: "☀️ SOMMER-ANGEBOT — BIS ZU −60 % + GESCHENKE", reco: "Am häufigsten gewählt", best: "Bestes Angebot", qty1: "1 Flasche", qty2: "2 Flaschen", qty3: "3 Flaschen", sub1: "−25 % + 1 Geschenk", sub2: "−44 % + 2 Geschenke", sub3: "−60 % + 3 Geschenke", pf1: "CHF 59.90/Flasche", pf2: "CHF 49.90/Flasche", pf3: "CHF 39.90/Flasche", band1: "IHR ANGEBOT: −25 % + 1 GESCHENK", band2: "AM HÄUFIGSTEN GEWÄHLT: −44 % + 2 GESCHENKE", band3: "BESTES ANGEBOT: −60 % + 3 GESCHENKE", dur1: "2 Monate Ritual", dur2: "4 Monate Ritual", dur3: "6 Monate Ritual", chk1: "Gratis-Versand + Geschenke gratis", chk2: "60 Tage Geld-zurück-Garantie", gifts_title: "Exklusive Geschenke gratis:", offert: "GRATIS", g1: "Express-Versand 48h", g2: "Jade Gua Sha Massagestein", g3: "Luminia® Tagescreme", lock2: "Ab 2 Flaschen", lock3: "Ab 3 Flaschen" }, it: { band_top: "☀️ OFFERTA ESTATE — FINO A −60 % + REGALI", reco: "Il più scelto", best: "Offerta migliore", qty1: "1 flacone", qty2: "2 flaconi", qty3: "3 flaconi", sub1: "−25 % + 1 regalo", sub2: "−44 % + 2 regali", sub3: "−60 % + 3 regali", pf1: "CHF 59.90/flacone", pf2: "CHF 49.90/flacone", pf3: "CHF 39.90/flacone", band1: "LA TUA OFFERTA: −25 % + 1 REGALO", band2: "IL PIÙ SCELTO: −44 % + 2 REGALI", band3: "OFFERTA MIGLIORE: −60 % + 3 REGALI", dur1: "2 mesi di rituale", dur2: "4 mesi di rituale", dur3: "6 mesi di rituale", chk1: "Spedizione gratuita + regali inclusi", chk2: "60 giorni soddisfatta o rimborsata", gifts_title: "Regali esclusivi inclusi:", offert: "OMAGGIO", g1: "Spedizione express 48h", g2: "Gua Sha in giada", g3: "Crema giorno Luminia®", lock2: "Da 2 flaconi", lock3: "Da 3 flaconi" } }; function getLang() { try { if (typeof Weglot !== 'undefined' && Weglot.getCurrentLang) { var wl = Weglot.getCurrentLang(); if (wl && T[wl]) return wl; } } catch(e) {} var host = window.location.hostname; return host.startsWith('de.') ? 'de' : host.startsWith('it.') ? 'it' : 'fr'; } // Données par palier — PRIX INCHANGÉS var DATA = { 1: { price:"CHF\u202F59.90", old:"CHF\u202F79.90", won:1, cls:"p1" }, 2: { price:"CHF\u202F99.80", old:"CHF\u202F179.70", won:2, cls:"p2" }, 3: { price:"CHF\u202F119.70", old:"CHF\u202F299.50", won:3, cls:"p3" } }; var GIFT_PRICE = { 1:"CHF\u202F7.\u2013", 2:"CHF\u202F19.90", 3:"CHF\u202F39.90" }; var GIFT_IMG = { 2: "https://www.argania.ch/cdn/shop/files/Gemini_Generated_Image_pknx0dpknx0dpknx.png?v=1768576748", 3: "https://www.argania.ch/cdn/shop/files/Photo_9.jpg?v=1774992166" }; var SVG_TRUCK = ''; var SVG_LOCK = ''; var CSS = ` @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap'); .abp-wrap{font-family:'Poppins',-apple-system,BlinkMacSystemFont,sans-serif;margin-top:20px; --ink:#15130F;--muted:#6B6357;--line:#E3DACB;--sable:#EDE3D2;--terre:#9A7B4E;--gold:#C9B896; --j-bg:linear-gradient(160deg,#FBEFC9,#F8E7B0 55%,#F5DF9B);--j-tx:#5A4A1E;--j-bd:#E3C977;--j-flat:#F8E7B0; --v-bg:linear-gradient(160deg,#DCEBD6,#CFE4C8 55%,#C3DDBA);--v-tx:#234027;--v-bd:#9CC79A;--v-eb:#1F8A3B;--v-flat:#CFE4C8; --r-bg:linear-gradient(160deg,#FBE4EA,#F7D6E0 55%,#F3C9D6);--r-tx:#6B3344;--r-bd:#E7A8BC;--r-flat:#F7D6E0;} .abp-wrap *{box-sizing:border-box;} /* ===== BANDEAU OFFRE ÉTÉ (variante A) ===== */ .abp-topband{ display:flex;align-items:center;justify-content:center;gap:8px; background:linear-gradient(135deg,#DCEBD6,#CFE4C8 55%,#C3DDBA); border:1.5px solid var(--v-bd);border-radius:14px; padding:12px 14px;margin-bottom:12px;text-align:center; font-size:12px;font-weight:800;color:var(--v-tx);letter-spacing:.03em; } /* ===== ONGLETS ===== */ .abp-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;align-items:end;} .abp-tabwrap{position:relative;padding-top:12px;} .abp-toplabel{position:absolute;top:0;left:50%;transform:translateX(-50%);background:var(--sable);color:var(--terre);font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:100px;white-space:nowrap;z-index:2;} .abp-tab{width:100%;position:relative;border:1.5px solid var(--line);border-radius:14px;background:#fff;padding:15px 6px 13px;cursor:pointer;text-align:center;transition:.2s ease;} .abp-tab:hover{border-color:var(--gold);} .abp-tab:focus-visible{outline:2px solid var(--ink);outline-offset:2px;} .abp-tab .q{display:block;font-size:15px;font-weight:800;color:#9A8E75;line-height:1;transition:color .2s;} .abp-tab .s{display:block;font-size:9.5px;font-weight:700;color:#B0A48C;margin-top:5px;transition:color .2s;} .abp-tab .pf{display:block;font-size:10px;font-weight:800;color:#B0A48C;margin-top:6px;transition:color .2s;} .abp-tab.active{border-width:2px;box-shadow:0 5px 14px rgba(21,19,15,.1);} .abp-tab.active#abp-t1{background:var(--j-bg);border-color:var(--j-bd);} .abp-tab.active#abp-t1 .q,.abp-tab.active#abp-t1 .s,.abp-tab.active#abp-t1 .pf{color:var(--j-tx);} .abp-tab.active#abp-t2{background:var(--v-bg);border-color:var(--v-bd);} .abp-tab.active#abp-t2 .q,.abp-tab.active#abp-t2 .s,.abp-tab.active#abp-t2 .pf{color:var(--v-tx);} .abp-tab.active#abp-t3{background:var(--r-bg);border-color:var(--r-bd);} .abp-tab.active#abp-t3 .q,.abp-tab.active#abp-t3 .s,.abp-tab.active#abp-t3 .pf{color:var(--r-tx);} /* ===== PANNEAU ===== */ .abp-panel{background:#fff;border:1.5px solid var(--line);border-radius:16px;overflow:hidden;} .abp-band{text-align:center;font-size:11.5px;font-weight:800;letter-spacing:.04em;padding:11px 14px;transition:.3s;} .abp-panel.p1 .abp-band{background:var(--j-flat);color:var(--j-tx);} .abp-panel.p2 .abp-band{background:var(--v-flat);color:var(--v-tx);} .abp-panel.p3 .abp-band{background:var(--r-flat);color:var(--r-tx);} .abp-body{padding:18px 18px 20px;} .abp-toprow{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;} .abp-dur{font-size:13px;font-weight:800;color:var(--ink);padding-top:4px;} .abp-pr{text-align:right;flex-shrink:0;} .abp-price{font-size:26px;font-weight:800;letter-spacing:-.5px;color:var(--ink);line-height:1;} .abp-old{font-size:13px;text-decoration:line-through;opacity:.45;color:var(--ink);margin-left:7px;} .abp-pfline{display:block;font-size:11px;color:var(--muted);margin-top:4px;} .abp-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;} .abp-check{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--ink);} .abp-check svg{width:15px;height:15px;stroke:var(--v-eb);flex-shrink:0;} .abp-gt{font-size:13px;font-weight:800;color:var(--ink);margin-bottom:14px;} .abp-track{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;} .abp-gcard{text-align:center;} .abp-gbox{position:relative;border:1.5px solid var(--line);border-radius:14px;aspect-ratio:1/1.05;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:10px 6px;transition:.25s;background:#fff;overflow:hidden;} .abp-gtag{position:absolute;top:6px;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--ink);border:1.5px solid var(--ink);font-size:8.5px;font-weight:800;padding:3px 9px;border-radius:100px;white-space:nowrap;z-index:3;} .abp-gtag s{opacity:.65;} .abp-gbox img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:12.5px;} .abp-gbox .tk{width:32%;height:auto;} .abp-gbox .lk{width:26px;height:26px;} .abp-glock{font-size:9.5px;font-weight:700;color:#B0A48C;} .abp-gname{font-size:10.5px;font-weight:800;color:var(--ink);margin-top:8px;line-height:1.25;} .abp-gcard.won .abp-gbox{border-color:var(--v-bd);background:var(--v-bg);} .abp-gcard.locked .abp-gname{color:#B0A48C;} .abp-gcard.locked .abp-gtag{background:#fff;color:#B0A48C;border-color:var(--line);} @media(max-width:480px){ .abp-topband{font-size:10.5px;padding:11px 10px;} .abp-tab .q{font-size:13px;} .abp-tab .s{font-size:8.5px;} .abp-tab .pf{font-size:9px;} .abp-price{font-size:22px;} .abp-band{font-size:10px;} .abp-gname{font-size:9.5px;} } `; function createUI() { var t = T[getLang()]; var ui = document.createElement('div'); ui.id = 'abp-bundle-ui'; ui.className = 'abp-wrap'; ui.setAttribute('data-arg-bundle','1'); /* ancre des CTA "Choisir mon offre" de la page */ ui.innerHTML = `

${t.band_top}

${t.qty1}${t.sub1}${t.pf1}

${t.reco}

${t.qty2}${t.sub2}${t.pf2}

${t.best}

${t.qty3}${t.sub3}${t.pf3}

${t.chk1} ${t.chk2}

${t.gifts_title}

${t.offert} ~~${GIFT_PRICE[1]}~~ ${SVG_TRUCK}

${t.g1}

${t.offert} ~~${GIFT_PRICE[2]}~~

${t.g2}

${t.offert} ~~${GIFT_PRICE[3]}~~

${t.g3}

`; return ui; } function renderGift(cardId, won){ var card=document.getElementById(cardId); if(!card) return; card.classList.toggle('won', won); card.classList.toggle('locked', !won); var media=card.querySelector('.abp-gmedia'); if(!media) return; /* g1 = camion fixe */ if(won){ media.innerHTML=' '+media.dataset.alt+'

'; media.removeAttribute('style'); } else { media.innerHTML=''+SVG_LOCK+''+media.dataset.lock+''; media.style.display='flex';media.style.flexDirection='column';media.style.alignItems='center';media.style.gap='6px'; } } /* ===== CACHE des options MoonBundle (capturées sur DOM propre) ===== */ var abpMoonOpts = {1:null, 2:null, 3:null}; function abpScanMoonOpts(){ var all=document.querySelectorAll('[class*="moon"],[class*="bundle"],[id*="moon"],[id*="bundle"]'); var found={1:null,2:null,3:null}; for(var i=0;i=5) continue; var txt=el.textContent.trim(); if(!found[1] && /^1\s*(huile|flacon|öl|olio|flasche)/i.test(txt)) found[1]=el; else if(!found[2] && /^2\s*(huile|flacon|öl|olio|flasche)/i.test(txt)) found[2]=el; else if(!found[3] && /^3\s*(huile|flacon|öl|olio|flasche)/i.test(txt)) found[3]=el; if(found[1]&&found[2]&&found[3]) break; } if(found[1]) abpMoonOpts[1]=found[1]; if(found[2]) abpMoonOpts[2]=found[2]; if(found[3]) abpMoonOpts[3]=found[3]; } window.abpSel = function(n) { var t = T[getLang()]; var d = DATA[n]; // 1) Onglets actifs [1,2,3].forEach(function(i){ var tab=document.getElementById('abp-t'+i); if(tab){ tab.classList.toggle('active', i===n); } }); // 2) Panneau : couleur + bandeau + durée + prix var panel=document.getElementById('abp-panel'); if(panel){ panel.className='abp-panel '+d.cls; } var band=document.getElementById('abp-band'); if(band){ band.textContent=t['band'+n]; } var dur=document.getElementById('abp-dur'); if(dur){ dur.textContent=t['dur'+n]; } var elP=document.getElementById('abp-price'); if(elP) elP.textContent=d.price; var elO=document.getElementById('abp-old'); if(elO) elO.textContent=d.old; var pfl=document.getElementById('abp-pfline'); if(pfl) pfl.textContent=t['pf'+n]; // 3) Cadeaux : g1 toujours ✓ · g2 dès 2 · g3 dès 3 renderGift('abp-g1', true); renderGift('abp-g2', n>=2); renderGift('abp-g3', n>=3); // 7) Sync avec le sélecteur Shopify caché — via CACHE capturé à l'init setTimeout(function(){ var el = abpMoonOpts[n]; if(!el || !el.isConnected){ abpScanMoonOpts(); el = abpMoonOpts[n]; } if(el && el.isConnected){ el.style.pointerEvents='auto'; try{ el.click(); } finally { el.style.pointerEvents='none'; } } },50); }; function rebuild(){var el=document.getElementById('abp-bundle-ui');if(el)el.remove();abpMoonOpts={1:null,2:null,3:null};init();} function init(){ if(document.getElementById('abp-bundle-ui')) return; var s=document.getElementById('abp-css'); if(!s){s=document.createElement('style');s.id='abp-css';s.textContent=CSS;document.head.appendChild(s);} var targets=document.querySelectorAll('[class*="bundle"],[id*="bundle"],[class*="moon"],[id*="moon"]'); var container=null; targets.forEach(function(t){if(!container&&t.querySelectorAll('*').length>5) container=t;}); if(!container){setTimeout(init,500);return;} var kids=container.children; for(var i=0;i4){ rebuild(); return; } } }, 1000); var _pushState=history.pushState; history.pushState=function(){ _pushState.apply(history,arguments); setTimeout(function(){var el=document.getElementById('abp-bundle-ui');if(el)el.remove();setTimeout(function(){if(document.querySelector('[class*="bundle"],[id*="bundle"],[class*="moon"],[id*="moon"]'))init();},600);},300); }; })();