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

Be Yours 6.0.0 से, आप कस्टम जावास्क्रिप्ट ईवेंट श्रोताओं और ट्रिगर्स का उपयोग कर सकते हैं।

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

• ट्रिगर पृष्ठ लोड किया गया
• अद्यतन करने के लिए ट्रिगर कार्ट ड्रॉअर
• उत्पाद Ajax कार्ट में जोड़ा गया
• उत्पाद कार्ट में जोड़ने में विफल रहा
• त्वरित दृश्य मोडल खोला गया है
• त्वरित दृश्य मोडल लोड किया गया
• वैरिएंट का चयन बदल गया
• संग्रह पृष्ठ पुनः प्रस्तुत किया गया है

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

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) { 
कंसोल.लॉग(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')
 });