In Be Concept , puoi utilizzare trigger e ascoltatori di eventi Javascript personalizzati.
Quando personalizzi il tema, potresti voler connetterti ad alcuni eventi dopo che è stato eseguito lo script personalizzato o l'integrazione con un'app di terze parti. Forniamo modelli JavaScript per gli eventi supportati.
- Pagina trigger caricata
- Attiva la pesca delle carte per l'aggiornamento
- 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 });Attiva la pesca delle carte per l'aggiornamento
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') });
