बी कॉन्सेप्ट में कस्टम जावास्क्रिप्ट इवेंट श्रोता और ट्रिगर

बी कॉन्सेप्ट में, आप कस्टम जावास्क्रिप्ट इवेंट श्रोताओं और ट्रिगर्स का उपयोग कर सकते हैं।

थीम को कस्टमाइज़ करते समय, आप अपनी कस्टम स्क्रिप्ट चलाने या किसी तृतीय-पक्ष ऐप के साथ एकीकृत होने के बाद कुछ ईवेंट से जुड़ना चाह सकते हैं। हम समर्थित घटनाओं के लिए जावास्क्रिप्ट पैटर्न प्रदान करते हैं।

ट्रिगर पृष्ठ लोड किया गया

HTML दस्तावेज़ को पूरी तरह से पार्स कर दिया गया है, और सभी स्क्रिप्ट को स्थगित कर दिया गया है।


 document.addEventListener('page:loaded', function() {
 // Page has loaded and theme assets are ready
 });

अद्यतन करने के लिए ट्रिगर कार्ड ड्रा

मात्रा बदलने के बाद कार्ट ऑब्जेक्ट को अपडेट करने के लिए इस जावास्क्रिप्ट पैटर्न का उपयोग करें:


 document.addEventListener('cart:updated', function(evt) {
 console.log(evt.detail.cart);
 });

उत्पाद Ajax कार्ट में जोड़ा गया


 document.addEventListener('ajaxProduct:added', function(evt) {
 console.log(evt.detail.product);
 });

उत्पाद कार्ट में जोड़ने में विफल रहा


 document.addEventListener('ajaxProduct:error', function(evt) {
 console.log(evt.detail.errorMessage);
 });

त्वरित दृश्य मोडल खोला गया है

 
document.addEventListener('क्विकव्यू:ओपन', फंक्शन(evt) {
 कंसोल.लॉग(evt.detail.productUrl);
 });

त्वरित दृश्य मोडल लोड किया गया


 document.addEventListener('quickview:loaded', function(evt) {
 console.log(evt.detail.productUrl);
 });

वैरिएंट का चयन बदल गया


 document.addEventListener('variant:change', function(evt) {
 console.log(evt.detail.variant);
 });

संग्रह पृष्ठ पुनः प्रस्तुत किया गया है


 document.addEventListener('collection:reloaded', function() {
 console.log('collection:reloaded')
 });