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

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

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

ट्रिगर पृष्ठ लोड हुआ

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('quickview:open', function(evt) {
 console.log(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')
 });