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

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

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

• पेज लोड हो गया
• कार्ट अपडेट किया गया
• उत्पाद को 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) {
 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() { 
कंसोल.लॉग('संग्रह: पुनः लोड किया गया')
 });

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

 document.dispatchEvent(new CustomEvent('cart:refresh', {
 bubbles: true, detail: { open: true }
 }));

यदि आप नहीं चाहते कि अपडेट के बाद कार्ट ड्रॉअर खुला रहे तो open पैरामीटर को false पर सेट करें।

आगे सहायता की आवश्यकता है

यदि आपको अपनी कॉन्सेप्ट थीम के संबंध में कोई समस्या आती है या अतिरिक्त सहायता की आवश्यकता है, तो विशेषज्ञ मार्गदर्शन के लिए रोअरथीम की सहायता टीम से संपर्क करने में संकोच न करें।

RoarTheme के व्हाट्सएप के माध्यम से 8 घंटे के भीतर सहायता प्राप्त करने के लिए QR कोड को स्कैन करें