composer.json

@@ -1,7 +1,7 @@
 {
   "name": "slinicraftet204/notifyifavail",
   "description": "benachrichtigt Kunden, sobald ein Produkt wieder verfügbar ist",
-  "version": "0.1.526",
+  "version": "0.1.519",
   "type": "shopware-platform-plugin",
   "license": "MIT",
   "authors": [
@@ -21,8 +21,8 @@
   "extra": {
     "shopware-plugin-class": "NotifyIfAvail\\NotifyIfAvail",
     "label": {
-      "de-DE": "NotifyIfAvail (Canary)",
+      "de-DE": "NotifyIfAvail (von Nils G.|SLINI)",
-      "en-GB": "NotifyIfAvail (Canary)"
+      "en-GB": "NotifyIfAvail (by Nils G.|SLINI)"
     }
   }
 }

src/Resources/views/storefront/component/buy-widget/buy-widget.html.twig

@@ -6,17 +6,13 @@
     <div id="product-notify-container" class="product-notify-container mt-3" style="display: none;">
         <h3>{{ "NotifyIfAvail.notify_me"|trans }}</h3>
 
-        {% if context.customer is defined and context.customer %}
+        {% if app.customer %}
-            <!-- Eingeloggter Benutzer: Zeige E-Mail-Adresse -->
-            <p id="user-email-display" data-customer-email="{{ context.customer.email }}">
-                Eingeloggt als: {{ context.customer.email }}
-            </p>
             <button class="btn btn-primary w-100 notify-me-button"
-                    data-product-id="{{ product.id }}">
+                    data-product-id="{{ product.id }}"
+                    data-customer-email="{{ app.customer.email }}">
                 {{ "NotifyIfAvail.notify_me"|trans }}
             </button>
         {% else %}
-            <!-- Gast: Zeige Eingabefeld -->
             <input type="email" id="notify-me-email" class="form-control mb-2"
                    placeholder="{{ 'NotifyIfAvail.email_placeholder'|trans }}" required>
             <button class="btn btn-primary w-100 notify-me-button"
@@ -27,39 +23,24 @@
     </div>
 
     <script>
-        console.log("🔹 NotifyMe Script geladen!");
-
         document.addEventListener('DOMContentLoaded', function () {
             const notifyContainer = document.getElementById('product-notify-container');
-            const cartButton = document.querySelector('.btn-buy');
+            const cartButton = document.querySelector('.btn-buy'); // Prüft, ob der Warenkorb-Button existiert
-            const emailInput = document.getElementById('notify-me-email');
-            const emailDisplay = document.getElementById('user-email-display');
-            const notifyButton = document.querySelector('.notify-me-button');
 
             // Button nur anzeigen, wenn KEIN Warenkorb-Button existiert
-            if (!cartButton && notifyContainer) {
+            if (!cartButton) {
                 notifyContainer.style.display = 'block';
             }
 
-            // Falls der Benutzer eingeloggt ist, E-Mail abrufen
+            document.querySelectorAll('.notify-me-button').forEach(button => {
-            if (emailDisplay && emailDisplay.dataset.customerEmail) {
+                button.addEventListener('click', function () {
-                console.log("✅ Benutzer eingeloggt als:", emailDisplay.dataset.customerEmail);
-                emailInput.style.display = 'none'; // Eingabefeld ausblenden
-                notifyButton.setAttribute('data-customer-email', emailDisplay.dataset.customerEmail);
-            } else {
-                console.log("❌ Kein Benutzer eingeloggt.");
-            }
-
-            // Event-Listener für den Button
-            document.body.addEventListener('click', function (event) {
-                if (event.target.classList.contains('notify-me-button')) {
                     let email;
-                    const productId = event.target.dataset.productId;
+                    const productId = this.dataset.productId;
 
-                    if (event.target.dataset.customerEmail) {
+                    if (this.dataset.customerEmail) {
-                        email = event.target.dataset.customerEmail;
+                        email = this.dataset.customerEmail;
                     } else {
-                        email = emailInput.value;
+                        email = document.getElementById('notify-me-email').value;
                         const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
                         if (!emailRegex.test(email)) {
                             alert("Bitte geben Sie eine gültige E-Mail-Adresse ein.");
@@ -74,8 +55,8 @@
                     })
                         .then(response => response.json())
                         .then(data => alert(data.message))
-                        .catch(error => console.error('⚠ Fehler:", error'));
+                        .catch(error => console.error('Error:', error));
-                }
+                });
             });
         });
     </script>