Dans Be Concept , vous pouvez utiliser des écouteurs et des déclencheurs d'événements Javascript personnalisés.
Lors de la personnalisation du thème, vous souhaiterez peut-être vous connecter à certains événements après avoir exécuté votre script personnalisé ou intégré une application tierce. Nous fournissons des modèles JavaScript pour les événements pris en charge.
- Page de déclenchement chargée
- Déclenchez le tirage de cartes à 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 collecte est restituée
Page de déclenchement chargée
Le document HTML a été entièrement analysé, ainsi que tous les scripts différés.
document.addEventListener('page:loaded', function() { // Page has loaded and theme assets are ready });
Déclenchez le tirage de cartes à mettre à 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') });