À 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') });
Besoin d'une aide supplémentaire
Si vous rencontrez des problèmes ou avez besoin d'aide supplémentaire avec votre thème Be Yours, veuillez contacter nos services d'assistance via notre système de tickets pour obtenir de l'aide dans les 8 heures.
Scannez le code QR ci-dessous pour rejoindre notre communauté WhatsApp pour les mises à jour, les actualités et les annonces.
Share:
Notes de version du concept
Directives relatives à la taille de l'image du thème Be Yours