🔧 INTERNAL — Pop-Up + Footer Trust-Code COMPLETE

🎨 POP-UP + FOOTER TRUST CODE — Komplett ready

📥 SO BAUST DU ES EIN (in 5 Min!)

  1. Shopify Admin → Online Store → Themes
  2. Bei deinem Theme (Horizon): klick die 3 Punkte → 'Code bearbeiten'
  3. Im Editor links: scroll runter zu 'Snippets' → klick 'Datei hinzufügen'
  4. Name: luxestyle-popup.liquid
  5. Code unten reinkopieren → Save
  6. Dann in 'theme.liquid' kurz vor </body> einfügen: {% render 'luxestyle-popup' %}
  7. Für Footer: Snippet luxestyle-trust-footer.liquid erstellen → in 'footer.liquid' am Anfang einfügen: {% render 'luxestyle-trust-footer' %}

🎁 POP-UP CODE (luxestyle-popup.liquid)

<div id='lux-pop' style='display:none;position:fixed;inset:0;background:rgba(0,0,0,0.75);z-index:99999;justify-content:center;align-items:center;padding:20px;'>
  <div style='background:linear-gradient(135deg,#fff,#f9f7f4);padding:40px 30px;border-radius:24px;max-width:420px;width:100%;text-align:center;position:relative;box-shadow:0 20px 60px rgba(0,0,0,0.3);'>
    <span onclick="document.getElementById('lux-pop').style.display='none'" style='position:absolute;top:12px;right:18px;cursor:pointer;font-size:28px;color:#1B2845;'>×</span>
    <div style='font-size:48px;margin-bottom:10px;'>🎁</div>
    <h2 style='color:#1B2845;margin:0 0 10px;font-size:24px;'>10% RABATT für dich!</h2>
    <p style='color:#6b7280;margin-bottom:20px;font-size:14px;'>Trag dich ein und sicher dir sofort 10% über WELCOME10 + Insider-Drops.</p>
    <form action='/contact#newsletter' method='post' onsubmit="setTimeout(function(){document.getElementById('lux-pop').style.display='none';},500)">
      <input type='hidden' name='form_type' value='customer'>
      <input type='hidden' name='utf8' value='✓'>
      <input type='hidden' name='contact[tags]' value='newsletter,popup'>
      <input type='email' name='contact[email]' placeholder='deine@email.ch' required style='width:100%;padding:14px;border:2px solid #e5e7eb;border-radius:10px;margin-bottom:12px;font-size:14px;box-sizing:border-box;'>
      <button type='submit' style='background:#D4AF37;color:#1B2845;padding:14px 30px;border:none;border-radius:10px;font-weight:700;cursor:pointer;width:100%;font-size:15px;'>Code WELCOME10 sichern</button>
    </form>
    <p style='font-size:11px;color:#9ca3af;margin-top:15px;'>🛡️ 30 Tage Garantie · 🇨🇭 Made in Switzerland</p>
  </div>
</div>
<script>
(function(){
  if(localStorage.getItem('lux-pop-shown'))return;
  setTimeout(function(){
    var el=document.getElementById('lux-pop');
    if(el){el.style.display='flex';localStorage.setItem('lux-pop-shown','1');}
  },10000);
  document.addEventListener('mouseout',function(e){
    if(e.clientY<10&&!localStorage.getItem('lux-pop-shown')){
      var el=document.getElementById('lux-pop');
      if(el){el.style.display='flex';localStorage.setItem('lux-pop-shown','1');}
    }
  });
})();
</script>

🛡️ FOOTER TRUST-BADGES (luxestyle-trust-footer.liquid)

<div style='background:linear-gradient(135deg,#f9f7f4,#fff);padding:50px 20px;text-align:center;border-top:2px solid #e5e7eb;'>
  <h3 style='color:#1B2845;font-size:20px;margin-bottom:30px;letter-spacing:0.5px;'>Warum LuxeStyle CH? 🇨🇭</h3>
  <div style='display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:25px;max-width:1100px;margin:0 auto;'>
    <div>
      <div style='font-size:42px;margin-bottom:10px;'>🇨🇭</div>
      <div style='font-weight:700;color:#1B2845;font-size:14px;'>Schweizer Shop</div>
      <div style='font-size:12px;color:#6b7280;margin-top:4px;'>Persönlicher Service</div>
    </div>
    <div>
      <div style='font-size:42px;margin-bottom:10px;'>🛡️</div>
      <div style='font-weight:700;color:#1B2845;font-size:14px;'>30 Tage Garantie</div>
      <div style='font-size:12px;color:#6b7280;margin-top:4px;'>Geld-zurück-Garantie</div>
    </div>
    <div>
      <div style='font-size:42px;margin-bottom:10px;'>🚚</div>
      <div style='font-weight:700;color:#1B2845;font-size:14px;'>Versand CH · DE · AT</div>
      <div style='font-size:12px;color:#6b7280;margin-top:4px;'>7-14 Tage · Tracking inkl.</div>
    </div>
    <div>
      <div style='font-size:42px;margin-bottom:10px;'>🔒</div>
      <div style='font-weight:700;color:#1B2845;font-size:14px;'>SSL-Sicher</div>
      <div style='font-size:12px;color:#6b7280;margin-top:4px;'>100% verschlüsselt</div>
    </div>
    <div>
      <div style='font-size:42px;margin-bottom:10px;'>🎁</div>
      <div style='font-weight:700;color:#1B2845;font-size:14px;'>Premium-Geschenkbox</div>
      <div style='font-size:12px;color:#6b7280;margin-top:4px;'>Bei jeder Bestellung</div>
    </div>
  </div>
  <div style='margin-top:40px;padding-top:30px;border-top:1px solid #e5e7eb;'>
    <p style='color:#6b7280;font-size:13px;margin-bottom:15px;'>Bezahlmöglichkeiten</p>
    <div style='display:flex;justify-content:center;gap:25px;flex-wrap:wrap;font-size:13px;color:#1B2845;font-weight:600;'>
      <span>💳 Visa</span>
      <span>💳 Mastercard</span>
      <span>💳 AMEX</span>
      <span>💰 PayPal</span>
      <span>🇨🇭 TWINT</span>
      <span>💵 Klarna</span>
    </div>
  </div>
</div>

📤 SOCIAL-MEDIA-ICONS BAR (Bonus)

<div style='background:#1B2845;color:white;padding:25px;text-align:center;'>
  <p style='margin-bottom:15px;font-size:14px;'>Folge uns für Insider-Drops</p>
  <div style='display:flex;justify-content:center;gap:20px;'>
    <a href='https://instagram.com/luxestyle.ch' target='_blank' style='color:white;text-decoration:none;font-size:24px;'>📷</a>
    <a href='https://tiktok.com/@luxestyle.ch' target='_blank' style='color:white;text-decoration:none;font-size:24px;'>🎵</a>
    <a href='https://pinterest.com/luxestyle.ch' target='_blank' style='color:white;text-decoration:none;font-size:24px;'>📌</a>
  </div>
  <p style='margin-top:15px;font-size:11px;opacity:0.7;'>© 2026 LuxeStyle CH · Made with ❤️ in der Schweiz</p>
</div>