/ / Shopify Ajax Cart / बेसिक जेकरी। सहायता या मार्गदर्शन की सराहना की - अजाक्स, दुकान, गाड़ी

Shopify अजाक्स कार्ट / बेसिक Jquery। सहायता या मार्गदर्शन की सराहना की - AJAX, shopify, गाड़ी

मैं यहाँ चित्रित खरीदारी कार्ट करने की कोशिश कर रहा हूँ: https://www.chubbiesshorts.com/

विशेष रूप से, मैं AJAX पता लगाने की कोशिश कर रहा हूँगाड़ी। मेरा लक्ष्य ग्राहकों को जोड़ने / घटाना / मैन्युअल रूप से मात्रा में प्रवेश करने की अनुमति देने में सक्षम होना है और यह कार्ट को लाइव (पेज फिर से लोड किए बिना) अपडेट करना है।

मैं "को छोड़कर सब कुछ निर्माण करने में सक्षम हैवह सुविधा। वास्तव में मुझे ऐसा करने के लिए सीखने की क्या आवश्यकता है? मैं खुद को परखने, सीखने, काम करने को तैयार हूं। मुझे अभी कोई मतलब नहीं है कि कहां से शुरू किया जाए।

जाहिर है Shopify एक है AJAX गाड़ी एपीआई, और जिस थीम को मैंने अपना स्टोर ऑफ बनाया, उसमें पहले से ही AJAX कार्ट सक्षम है।

मुझे लगता है कि इसका मतलब है कि मुझे इन कार्यों को कॉल करने और उन्हें निष्पादित करने के लिए सीखने की आवश्यकता है।

सभी में किसी भी मार्गदर्शन की सराहना की जाएगी। अगर कोई व्यक्ति प्रासंगिक सामग्रियों को भी पढ़ सकता है, जो मुझे पढ़ना और सीखना है, तो यह बहुत अच्छा होगा। मैं सिर्फ इतना उलझन में हूँ और परीक्षण और विफलता के चार घंटे बाद, मैं मदद के लिए बेताब हूँ।

उत्तर:

जवाब के लिए 0 № 1

AJAX कार्ट API पेज एक प्रयोगशाला पृष्ठ से लिंक करता है जो वर्तमान api.jquery.js से लिंक करता है जो कि कुछ थीम उनके कार्ट अपडेट को आधार बनाता है।

यदि आप उस फ़ाइल को एक संपादक में डालते हैं और उसे स्वरूपित करते हैं, तो आप पाएंगे कि यह बहुत अच्छी तरह से पढ़ता है। आप फ़ाइल को देखने और सुंदर प्रिंट करने के लिए क्रोम के डेवलपर टूल का भी उपयोग कर सकते हैं।

दुर्भाग्य से यह एक ईवेंट आधारित एपी नहीं है, यदि उदाहरण के लिए, आप Shopify.onCartUpdate को ओवरराइड करते हैं, तो आप उस विषय को हटा देंगे जो कि करने की उम्मीद कर रहा था।

हालाँकि अगर आपकी थीम वही है जो आप कार्ट चेंज पर चाहते हैं, लेकिन आप ऑल्टरनेट तरीके से सप्लाई करना चाहते हैं तो कार्ट में क्या है (नोट उदाहरण केवल लाइन एट्रिब्यूट्स के बिना काम करता है:

 $.ajax({
url:"/cart/update.js",
method:"POST",
dataType:"json",
contentType: "application/json",
data:JSON.stringify({updates:{
variant_id_to_add:1,
variant_id_to_remove:0,
variant_id_to_update:3
}})} ).
then(function(cart){
Shopify.onCartUpdate(cart);

});