API pour les applications Pops et le code personnalisé (événements JS)
Mis à jour aujourd’hui
Le thème Pops déclenche ces événements DOM auxquels les applications et le code personnalisé peuvent s’abonner :
Événement | Déclenché lorsque |
|---|---|
| La mise à jour d’une ligne du panier réussit via le formulaire du panier. |
| La mise à jour de la quantité d’une ligne du panier réussit, ou un contrôle plus/moins de saisie de quantité modifie la valeur. |
| La quantité d’un article du panier est modifiée et passe à 0. |
| La mise à jour de la quantité du panier échoue. |
| Le tiroir du panier est consulté ou ouvert. |
| Le processus d’ajout d’un produit ajoute un produit au panier. |
| Une page produit est consultée ; sur une URL de produit, les données du produit sont récupérées automatiquement. |
| Une page est consultée. |
| Une URL contenant |
| Une URL contenant |
| Le remplacement d’une variante de produit est terminé et une variante actuelle valide existe. |
| La fenêtre modale d’ajout rapide s’ouvre ou se ferme. |
| Un tiroir s’ouvre ou se ferme. |
| Le visualiseur de stories s’ouvre ou se ferme. |
| Le curseur du thème change de diapositive. |
| Les paramètres du formulaire de facettes ou de tri sont envoyés. |
| Les résultats des facettes sont affichés. |
| Une facette active est supprimée ou effacée. |
| Le formulaire du tiroir de recherche est envoyé avec une requête non vide. |
Écouter un événement
Ces événements sont des CustomEvents DOM qui se propagent ; écoutez-les avec addEventListener sur le document, un élément parent ou n’importe quel ancêtre.
document.addEventListener("product-added-to-cart", (e) => {
console.log("A product was added to the cart. Here's the event: ", e);
});
// event.detail carries the event data
document.addEventListener("cart-update", (e) => {
console.log("The cart was updated. Here's the event data: ", e.detail);
});