API pour les applications Pops et le code personnalisé (événements JS)
Mis à jour il y a 2 mois
Le thème Pops envoie ces événements DOM pour que les applications et le code personnalisé puissent les écouter :
É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 dans le panier est définie sur 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 lecteur de stories s’ouvre ou se ferme. |
| Le slider 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 avec propagation ; utilisez 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);
});