Développeurs et documentation de référence

API pour les applications et le code personnalisé (événements JS)

Mis à jour aujourd’hui

Le thème déclenche ces événements DOM afin que les applications et le code personnalisé puissent les écouter :

Événement	Déclenché lorsque
`quantity-update`	Un champ de quantité est mis à jour.
`variant-change`	La variante sélectionnée d’un produit est modifiée.
`cart-error`	Le panier renvoie une erreur.
`cart-update`	Le panier est mis à jour.
`cart:discount-removed`	Un code de réduction est supprimé du panier.
`modalClosed`	La fenêtre modale d’ajout rapide est fermée.
`rtlChange`	L’attribut `dir` est mis à jour. Introduit dans la version 3.2.0.

section-refreshed (supprimé)

Introduit dans la version 3.0.0 pour être déclenché lorsqu’une section est actualisée. Le thème actuel ne déclenche plus cet événement.

Écouter un événement

window.addEventListener("quantity-update", (e) => {
  console.log("The quantity input has been updated. Here's the event: ", e);
});

// or, scoped to one element
const myElement = document.querySelector('.my-element');
myElement.addEventListener("quantity-update", (e) => {
  console.log("My quantity input has been updated. Here's the event: ", e);
});

Cela vous a-t-il été utile ?