Benutzerdefinierte Javascript-Ereignis-Listener und -Trigger in Be Concept

In Be Concept können Sie benutzerdefinierte Javascript-Ereignis-Listener und -Trigger verwenden.

Wenn Sie das Design anpassen, möchten Sie möglicherweise eine Verbindung zu einigen Ereignissen herstellen, nachdem diese Ihr benutzerdefiniertes Skript ausgeführt oder in eine Drittanbieter-App integriert haben. Wir stellen JavaScript-Muster für unterstützte Ereignisse bereit.

• Triggerseite geladen
• Lösen Sie die Aktualisierung der Kartenziehung aus
• Produkt zum Ajax-Warenkorb hinzugefügt
• Das Produkt konnte nicht in den Warenkorb gelegt werden
• Das Schnellansichtsmodal wird geöffnet
• Schnellansicht-Modal geladen
• Variantenauswahl geändert
• Die Sammlungsseite wird neu gerendert

Triggerseite geladen

Das HTML-Dokument und alle zurückgestellten Skripte wurden vollständig analysiert.

 document.addEventListener('page:loaded', function() { // Page has loaded and theme assets are ready });

Lösen Sie die Aktualisierung der Kartenziehung aus

Verwenden Sie dieses JavaScript-Muster, um das Warenkorbobjekt zu aktualisieren, nachdem die Menge geändert wurde:

 document.addEventListener('cart:updated', function(evt) { console.log(evt.detail.cart); });

Produkt zum Ajax-Warenkorb hinzugefügt

 document.addEventListener('ajaxProduct:added', function(evt) { console.log(evt.detail.product); });

Das Produkt konnte nicht in den Warenkorb gelegt werden

 document.addEventListener('ajaxProduct:error', function(evt) { console.log(evt.detail.errorMessage); });

Das Schnellansichtsmodal wird geöffnet

 document.addEventListener('quickview:open', function(evt) { console.log(evt.detail.productUrl); });

Schnellansicht-Modal geladen

 document.addEventListener('quickview:loaded', function(evt) { console.log(evt.detail.productUrl); });

Variantenauswahl geändert

 document.addEventListener('variant:change', function(evt) { console.log(evt.detail.variant); });

Die Sammlungsseite wird neu gerendert

 document.addEventListener('collection:reloaded', function() { console.log('collection:reloaded') });