A partire da Be Yours 6.0.0 , puoi utilizzare trigger e listener di eventi Javascript personalizzati.
Quando personalizzi il tema, potresti voler collegarti ad alcuni eventi dopo che si sono verificati per eseguire il tuo script personalizzato o integrare una terza app. Forniamo modelli Javascript per gli eventi supportati:
- Pagina trigger caricata
- Attiva l'aggiornamento del cassetto del carrello
- Prodotto aggiunto al carrello ajax
- Impossibile aggiungere il prodotto al carrello
- La modalità di visualizzazione rapida è aperta
- Modalità di visualizzazione rapida caricata
- La selezione della variante è cambiata
- La pagina della raccolta viene nuovamente visualizzata
Pagina trigger caricata
Il documento HTML è stato completamente analizzato e tutti gli script differiti
document.addEventListener('page:loaded', function() { // Page has loaded and theme assets are ready });Carrello aggiornato
Utilizza questo modello JavaScript per aggiornare l'oggetto carrello dopo aver modificato la quantità:
document.addEventListener('cart:updated', function(evt) { console.log(evt.detail.cart); });Prodotto aggiunto al carrello ajax
document.addEventListener('ajaxProduct:added', function(evt) { console.log(evt.detail.product); });Impossibile aggiungere il prodotto al carrello
document.addEventListener('ajaxProduct:error', function(evt) { console.log(evt.detail.errorMessage); });La modalità di visualizzazione rapida è aperta
document.addEventListener('quickview:open', function(evt) { console.log(evt.detail.productUrl); });Modalità di visualizzazione rapida caricata
document.addEventListener('quickview:loaded', function(evt) { console.log(evt.detail.productUrl); });La selezione della variante è cambiata
document.addEventListener('variant:change', function(evt) { console.log(evt.detail.variant); });La pagina della raccolta viene nuovamente visualizzata
document.addEventListener('collection:reloaded', function() { console.log('collection:reloaded') });
