Écouteurs et déclencheurs d'événements Javascript personnalisés dans Be Yours

À partir de Be Yours 6.0.0 , vous pouvez utiliser des écouteurs et des déclencheurs d'événements Javascript personnalisés.

Lorsque vous personnalisez le thème, vous souhaiterez peut-être vous connecter à certains événements après qu'ils aient exécuté votre script personnalisé ou intégré une troisième application. Nous fournissons des modèles Javascript pour les événements pris en charge :

• Page de déclenchement chargée
• Tiroir du chariot de déclenchement pour mettre à jour
• Produit ajouté au panier ajax
• Le produit n'a pas pu être ajouté au panier
• Le modal d'affichage rapide est ouvert
• Modal d'affichage rapide chargé
• La sélection de variantes a été modifiée
• La page de collection est à nouveau affichée

Page de déclenchement chargée

Le document HTML a été entièrement analysé et tous les scripts différés

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

Panier mis à jour

Utilisez ce modèle JavaScript pour mettre à jour l'objet panier une fois la quantité modifiée :

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

Produit ajouté au panier ajax

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

Le produit n'a pas pu être ajouté au panier

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

Le modal d'affichage rapide est ouvert

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

Modal d'affichage rapide chargé

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

La sélection de variantes a été modifiée

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

La page de collection est à nouveau affichée

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