Shopify एप दस्तावेज
Shopify स्टोरमा मुद्रा रूपान्तरण सेटअप र अनुकूलन गर्न आवश्यक सबै कुरा
सामग्री तालिका
1 स्थापना
Shopify App Store बाट स्थापना गर्नुहोस्
- Shopify App Store मा Currency.Wiki एप पृष्ठमा जानुहोस्
- 'Add app' क्लिक गर्नुहोस् र स्थापना अनुमति दिनुहोस्
- एप खुल्नेछ र सेटअप विजार्डमार्फत मार्गदर्शन गर्नेछ
- सेटअप विजार्ड पूरा गर्नुहोस् र मूल्य रूपान्तरण सुरु गर्नुहोस्
टिप: सेटअप विजार्ड लगभग २ मिनेट लाग्छ र प्रत्येक चरणमा मार्गदर्शन गर्छ।
2 सेटअप विजार्ड
सेटअप विजार्डले एप सही रूपमा कन्फिगर गर्न मद्दत गर्छ। यसले मुद्रा ढाँचा अपडेट र एप embed सक्षम गर्न मार्गदर्शन गर्छ।
चरण १: स्वागत छ
सेटअप प्रक्रियामा के समावेश छ समीक्षा गर्नुहोस् र 'Let's Get Started' क्लिक गर्नुहोस्।
चरण २: मुद्रा ढाँचा अपडेट गर्नुहोस्
Shopify Admin → Settings → General → Store defaults मा जानुहोस्। आफ्नो मुद्रा फेला पार्नुहोस् र तीन डट मेनु → 'Change currency formatting' क्लिक गर्नुहोस्। HTML फिल्डहरूमा हाम्रो wrapper class अपडेट गर्नुहोस्:
मुद्रासहितको HTML:
<span class="cwiki">${{amount}} USD</span>
मुद्राबिनाको HTML:
<span class="cwiki">${{amount}}</span>
महत्त्वपूर्ण: cwiki wrapper class अनिवार्य छ। यसले हाम्रो एपलाई कुन तत्वहरू मूल्य हुन् भनेर चिनाउँछ, ताकि हामीले फोन नम्बर वा अर्डर ID होइन, केवल वास्तविक मूल्य रूपान्तरण गरौं।
चरण ३: एप Embed सक्षम गर्नुहोस्
आफ्नो थीमको एप embeds खण्डमा एप सक्षम गर्नुहोस्:
- Online Store → Themes → Customize मा जानुहोस्
- बायाँ साइडबारमा 'App embeds' खोज्नुहोस्
- 'Currency.Wiki App' फेला पार्नुहोस् र ON टगल गर्नुहोस्
- थीम सम्पादकमा Save क्लिक गर्नुहोस्
चरण ४: सेटअप प्रमाणित गर्नुहोस्
'Scan My Store' क्लिक गरेर सेटअप पूरा भएको छ कि छैन जाँच गर्नुहोस्। विजार्डले cwiki wrapper class र एप embed जाँच गर्नेछ। सफल भएमा, तपाईं तयार हुनुहुन्छ!
3 विजेट शैलीहरू
आफ्नो स्टोर डिजाइनसँग मिल्ने ६ विजेट शैलीहरू छान्नुहोस्। प्रत्येक शैलीलाई आफ्नो ब्रान्ड रंगअनुसार अनुकूलन गर्न सकिन्छ।
न्यूनतम ड्रपडाउन
साधारण ड्रपडाउन सूची, हेडरमा मिल्ने। माथिल्लो दायाँ हेडरका लागि उपयुक्त।
फ्लोटिङ पिल
मोबाइलमैत्री फ्लोटिङ बटन, विस्तारयोग्य प्यानलसहित। मोबाइल-प्रथम स्टोरका लागि उपयुक्त। कुनामा स्थिति हुन्छ।
साइडबार ड्रअर
पूरा उचाइको स्लाइड-आउट प्यानल, खोज कार्यक्षमतासहित। धेरै मुद्रा भएका स्टोरका लागि उपयुक्त।
मोडल पपअप
केन्द्रित ओभरले, ग्रिड लेआउटसहित। मुद्रा चयनलाई केन्द्रित अनुभव बनाउँछ।
इनलाइन ट्याब स्विचर
लोकप्रिय मुद्राहरूका लागि तेर्सो ट्याबहरू। मेनु नखोली छिटो स्विच गर्न सकिन्छ।
कर्नर ब्याज
न्यूनतम कुनामा आइकन, क्लिक गर्दा विस्तार हुन्छ। सफा डिजाइनका लागि सबैभन्दा कम हस्तक्षेप।
टिप: एप एडमिनको विजेट सेटिङ पृष्ठमा आफ्नो स्टोरको रंगसँग सबै शैलीहरू पूर्वावलोकन गर्नुहोस्।
4 एडमिन ड्यासबोर्ड
एडमिन ड्यासबोर्डले तपाईंलाई आफ्नो स्टोरमा मुद्रा रूपान्तरण कसरी काम गर्छ भन्ने पूर्ण नियन्त्रण दिन्छ।
ड्यासबोर्ड होम
विजेट अन/अफ टगल गर्नुहोस्, रूपान्तरण तथ्यांक हेर्नुहोस्, र विजेटको प्रत्यक्ष पूर्वावलोकन हेर्नुहोस्।
विजेट सेटिङहरू
विजेट शैली, स्थिति, रंग, साइज, बोडर रेडियस, र झण्डा प्रदर्शन विकल्पहरू छान्नुहोस्।
मुद्रा व्यवस्थापन
मुद्रा सक्षम/अक्षम गर्नुहोस्, सूची पुन: क्रमबद्ध गर्नुहोस्, स्वत: पहिचान व्यवहार कन्फिगर गर्नुहोस्, र विनिमय दर प्राथमिकता सेट गर्नुहोस्।
विश्लेषण
रूपान्तरण चार्टहरू हेर्नुहोस्, शीर्ष प्रयोग भएका मुद्राहरू हेर्नुहोस्, र अन्तर्राष्ट्रिय ग्राहक वितरण बुझ्नुहोस्।
थीम र देखावट
थीम मोड (auto, light, dark, custom) छान्नुहोस्, रंग सेट गर्नुहोस्, ग्लासमर्फिज्म प्रभाव सक्षम गर्नुहोस्, र डार्क मोड व्यवहार कन्फिगर गर्नुहोस्।
चेकआउट सन्देश
कार्ट/चेकआउट पृष्ठमा सन्देश सक्षम गर्नुहोस्, ग्राहकलाई चेकआउट मुद्रा जानकारी दिन।
5 उन्नत सेटिङहरू
उन्नत सेटिङहरूले Pro प्रयोगकर्तालाई मूल्य ढाँचा र रूपान्तरण व्यवहारमा थप नियन्त्रण दिन्छ।
मूल्य ढाँकाकरण (Pro)
- दशमलव स्थानहरू - कति दशमलव स्थान देखाउने नियन्त्रण गर्नुहोस् (०-६)।
- संख्या ढाँचा - ढाँका शैली छान्नुहोस् (Auto, US, EU, Indian, Space•Dot, Space•Comma)।
- प्रतीक स्थिति - मुद्रा प्रतीक रकमअघि वा पछि राख्नुहोस्, वा प्रत्येक मुद्राअनुसार स्वत:।
- राउन्डिङ - मानक, सधैं माथि, सधैं तल, वा कुनै राउन्डिङ छैन। नजिकको .९९ मा राउन्ड गर्ने विकल्प।
थीम एकीकरण (Pro)
यी HTML स्निपेट प्रयोग गरेर विजेट वा कार्ट सूचना म्यानुअल रूपमा आफ्नो थीममा embed गर्नुहोस्:
विजेट embed (header.liquid वा कुनै पनि section मा थप्नुहोस्):
<div class="cwiki-widget"></div>
कार्ट सूचना embed (cart.liquid मा थप्नुहोस्):
<div class="cwiki-banner"></div>
डेभलपर विकल्पहरू (Pro)
- शैली ओभरराइड - विजेटको शैली अनुकूलन गर्न कस्टम CSS इन्जेक्ट गर्नुहोस्।
- क्लिक लिस्नरहरू - विशिष्ट तत्वहरू क्लिक गर्दा मूल्य पुन: रूपान्तरण गर्नुहोस् (जस्तै, साइज पिकर, उत्पादन विकल्पहरू)।
- थप मूल्य तत्वहरू - पूर्वनिर्धारित .cwiki wrapper बाहेक थप मूल्य तत्वहरू लक्षित गर्नुहोस्।
- URL ढाँचाहरू - URL मा विशेष स्ट्रिङ भएमा मूल्य पुन: स्क्यान गर्नुहोस् (AJAX सामग्री, अन्तहीन स्क्रोलका लागि)।
- रूपान्तरण ढिलाइ - मूल्य रूपान्तरण गर्नु अघि प्रतीक्षा गर्नुहोस् (पृष्ठ तयार भएपछि लोड हुने सामग्रीका लागि)।
ध्यान दिनुहोस्: यी विकल्पहरू उन्नत प्रयोगकर्ताका लागि हुन्। प्रकाशित गर्नु अघि पूर्वावलोकन थीममा परीक्षण गर्नुहोस्।
6 समस्या समाधान
मूल्य रूपान्तरण भएको छैन?
मुद्रा ढाँका सेटिङमा cwiki wrapper class छ कि छैन जाँच गर्नुहोस्। Settings → General → Store defaults मा जानुहोस् र HTML ढाँका जाँच गर्नुहोस्। साथै, थीम कस्टमाइजरमा एप embed सक्षम छ कि छैन हेर्नुहोस्।
विजेट देखिएको छैन?
थीमको App Embeds खण्डमा एप embed सक्षम छ कि छैन जाँच गर्नुहोस्। थीम कस्टमाइजर खोल्नुहोस्, App Embeds फेला पार्नुहोस्, र Currency.Wiki ON छ कि छैन हेर्नुहोस्। Save गरेर स्टोर रिफ्रेस गर्नुहोस्।
लोड हुँदा मूल्य झिल्किएको?
हाम्रो एप शून्य-झिल्को लोडका लागि डिजाइन गरिएको हो। यदि झिल्को देखिन्छ भने, क्यासिङ प्लगइनले हस्तक्षेप गरेको हुन सक्छ। साथै, थीमको head खण्डमा एप embed लोड भएको छ कि छैन जाँच गर्नुहोस्।
गलत मुद्रा पहिचान भएको?
भौगोलिक पहिचान आगन्तुकको IP ठेगानामा आधारित छ। VPN वा कर्पोरेट नेटवर्कले असर गर्न सक्छ। आगन्तुकले सधैं म्यानुअल रूपमा मनपर्ने मुद्रा चयन गर्न सक्छन्। सेटिङमा पूर्वनिर्धारित मुद्रा पनि सेट गर्न सक्नुहुन्छ।
विजेट मेरो थीमसँग मिल्दैन?
Theme & Appearance सेटिङ प्रयोग गरेर रंग अनुकूलन गर्नुहोस्, वा Auto मोड सक्षम गरेर थीम रंग स्वत: पत्ता लगाउनुहोस्। उन्नत सेटिङमा Custom CSS प्रयोग गरेर शैलीमा सूक्ष्म परिवर्तन गर्न सक्नुहुन्छ।
मद्दत चाहियो?
सेटअप वा कन्फिगरेसनका कुनै पनि प्रश्नमा हाम्रो समर्थन टोली तयार छ।
