Ab Be Yours 6.0.0 können Sie benutzerdefinierte Javascript-Ereignis-Listener und -Trigger verwenden.
Wenn Sie das Design anpassen, möchten Sie möglicherweise einige Ereignisse einbinden, nachdem diese Ihr benutzerdefiniertes Skript ausgeführt oder eine dritte App integriert haben. Wir stellen Javascript-Muster für unterstützte Ereignisse bereit:
- Triggerseite geladen
- Lösen Sie die Aktualisierung der Einkaufswagenschublade 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 });Warenkorb aktualisiert
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') });
