حسب ضرورت جاوا اسکرپٹ ایونٹ سننے والے اور تصور میں محرکات

Concept میں، آپ اپنی مرضی کے مطابق Javascript ایونٹ سننے والے اور محرکات استعمال کر سکتے ہیں۔

تھیم کو حسب ضرورت بناتے وقت، آپ اپنی مرضی کے مطابق اسکرپٹ کو چلانے یا کسی فریق ثالث ایپ کے ساتھ ضم ہونے کے بعد کچھ واقعات سے جڑنا چاہتے ہیں۔ ہم معاون واقعات کے لیے JavaScript پیٹرن فراہم کرتے ہیں۔

• ٹرگر صفحہ لوڈ ہو گیا۔
• اپ ڈیٹ کرنے کے لیے کارڈ ڈرا کو متحرک کریں۔
• پروڈکٹ کو ایجیکس کارٹ میں شامل کیا گیا۔
• پروڈکٹ کارٹ میں شامل کرنے میں ناکام
• کوئیک ویو موڈل کھل گیا ہے۔
• کوئیک ویو موڈل لوڈ ہو گیا۔
• متغیر کا انتخاب تبدیل ہو گیا۔
• مجموعہ کا صفحہ دوبارہ پیش کیا گیا ہے۔

ٹرگر صفحہ لوڈ ہو گیا۔

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);
 });

پروڈکٹ کو ایجیکس کارٹ میں شامل کیا گیا۔

 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')
 });