Listener e trigger di eventi Javascript personalizzati in Be Yours

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') });