À 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') });
