// ============================================================ // CARNOX CART CRO — v2.1 // 1. Upsell-Buttons: persistentes "+ Hinzufügen" (kein Hover-Bug) // 2. Trust-Block über Gesamtbetrag (4 Icons + Labels) // ============================================================ (function () { 'use strict'; const SEL = { cart: '.opus-cart', footer: '.opus-cart__footer', subtotal: '.opus-cart__footer-subtotal', }; // Inline SVG Icons (keine Emojis) const ICONS = { plus: '', lock: '', shield: '', refund: '', truck: '', }; // ---------- 1. UPSELL-BUTTONS → "+ Hinzufügen" (persistent) ---------- function transformUpsellButtons() { const candidates = document.querySelectorAll( '.opus-cart__recommendation button, ' + '.opus-cart__recommendations button, ' + '.opus-cart__cross-sell button, ' + '.opus-cart__upsell button, ' + '[class*="recommendation"] button, ' + '[class*="cross-sell"] button, ' + '[class*="upsell"] button' ); candidates.forEach((btn) => { if (btn.dataset.carnoxAddBtn === '1') return; // Schutz vor falschen Buttons if (btn.closest(SEL.footer)) return; if (btn.closest('[class*="quantity"]')) return; if (btn.closest('[class*="qty"]')) return; if (btn.querySelector('[class*="trash"], [class*="delete"], [class*="remove"]')) return; const aria = btn.getAttribute('aria-label') || ''; if (/entfern|delete|remove|trash/i.test(aria)) return; const hasSvg = !!btn.querySelector('svg'); const textContent = btn.textContent.trim(); if (!hasSvg || textContent.length > 2) return; // Bestehende Kinder verstecken (Click-Handler bleibt am Button) Array.from(btn.children).forEach((child) => { child.style.display = 'none'; }); // Label einfügen const label = document.createElement('span'); label.className = 'carnox-add-label'; label.innerHTML = ICONS.plus + 'Hinzufügen'; btn.appendChild(label); btn.classList.add('carnox-add-btn'); btn.setAttribute('aria-label', 'Hinzufügen'); btn.dataset.carnoxAddBtn = '1'; // CRITICAL FIX: Button-Dimensionen inline erzwingen // (überschreibt EGO's 40x40 Default + verhindert Hover-only-Expand) btn.style.setProperty('width', 'auto', 'important'); btn.style.setProperty('min-width', '120px', 'important'); btn.style.setProperty('height', 'auto', 'important'); btn.style.setProperty('min-height', '40px', 'important'); btn.style.setProperty('padding', '10px 16px', 'important'); btn.style.setProperty('display', 'inline-flex', 'important'); btn.style.setProperty('align-items', 'center', 'important'); btn.style.setProperty('justify-content', 'center', 'important'); btn.style.setProperty('white-space', 'nowrap', 'important'); // Parent-Container erweitern, falls er Button einklemmt let parent = btn.parentElement; let levels = 0; while (parent && levels < 2) { const pw = parent.getBoundingClientRect().width; if (pw > 0 && pw < 130) { parent.style.setProperty('width', 'auto', 'important'); parent.style.setProperty('min-width', '130px', 'important'); parent.style.setProperty('flex-shrink', '0', 'important'); } parent = parent.parentElement; levels++; } }); } // ---------- 2. TRUST-BLOCK über Gesamtbetrag ---------- function injectTrustBlock() { if (document.querySelector('.carnox-trust-grid')) return; const totalEl = document.querySelector(SEL.subtotal); if (!totalEl) return; const totalRow = totalEl.closest('div'); if (!totalRow) return; const trust = document.createElement('div'); trust.className = 'carnox-trust-grid'; trust.innerHTML = '

' + '' + ICONS.lock + '' + 'SSL-verschlüsselt' + '

' + '

' + '' + ICONS.shield + '' + 'Passgenau-Garantie' + '

' + '

' + '' + ICONS.refund + '' + '30 Tage Geld-zurück' + '

' + '

' + '' + ICONS.truck + '' + 'Versand aus Deutschland' + '

'; totalRow.parentNode.insertBefore(trust, totalRow); } // ---------- ORCHESTRATOR ---------- function runAll() { try { transformUpsellButtons(); } catch (e) { /* silent */ } try { injectTrustBlock(); } catch (e) { /* silent */ } } // Initial-Runs setTimeout(runAll, 300); setTimeout(runAll, 1200); setTimeout(runAll, 2500); // Bei Klicks (Cart-Updates) neu prüfen document.addEventListener('click', function () { setTimeout(runAll, 400); setTimeout(runAll, 1000); }); // Debounced MutationObserver für AJAX-Updates let debounceTimer = null; const observer = new MutationObserver(function () { clearTimeout(debounceTimer); debounceTimer = setTimeout(runAll, 300); }); setTimeout(function () { const cart = document.querySelector(SEL.cart); if (cart) { observer.observe(cart, { childList: true, subtree: true }); } }, 1500); })();

INTELLECTUAL PROPERTY RIGHTS