ऐप का इस्तेमाल
चार्ट एडिटर
चार्ट में आप जो कुछ भी रख सकते हैं और उसका हर विकल्प। साइज़ चार्ट में नया चार्ट बनाकर या किसी मौजूदा चार्ट पर क्लिक करके एडिटर खोलें।
एडिटर का लेआउट
- चार्ट का नाम — सिर्फ़ आपके लिए; ग्राहक इसे कभी नहीं देखते।
- कंटेंट — चार्ट बनाने वाले एलिमेंट, ऊपर से नीचे। क्रम बदलने के लिए हैंडल खींचें, या ऊपर / नीचे वाले तीर इस्तेमाल करें। डस्टबिन आइकन से एलिमेंट हटता है।
- रूप-रंग — स्टोर का रूप-रंग इस्तेमाल करें डिफ़ॉल्ट रूप से चालू होता है। किसी एक चार्ट को अलग लुक देना देखें।
- स्थिति और किस पर लागू — सेटअप गाइड में बताए गए हैं।
- लाइव प्रीव्यू — टाइप करते ही अपडेट होता है। डेस्कटॉप और मोबाइल के बीच बदलें, या पूरी चौड़ाई में प्रीव्यू खोलें।
जब तक आप ऊपर वाली बार में सेव करें पर क्लिक नहीं करते, बदलाव लाइव नहीं होते। बिना सेव किए बदलावों के साथ पेज छोड़ने पर पहले पूछा जाता है कि उन्हें सेव करना है या छोड़ना है।
एलिमेंट
आठ तरह के एलिमेंट में से कोई एक जोड़ने के लिए एलिमेंट जोड़ें पर क्लिक करें। खाली एलिमेंट — बिना टेक्स्ट की हेडिंग, बिना फ़ाइल की इमेज — आपके स्टोर पर छोड़ दिए जाते हैं, इसलिए अधूरा एलिमेंट कभी खाली जगह के रूप में नहीं दिखता।
टेबल
मापों की पंक्तियाँ और कॉलम। पहली पंक्ति हेडर होती है; पहले कॉलम में आमतौर पर साइज़ के नाम होते हैं। नीचे टेबल के साथ काम करना और इकाई बदलना देखें। स्टाइल विकल्प:
| सेटिंग | यह क्या करती है |
|---|---|
| सेल संरेखण | बाएँ, बीच में या दाएँ। |
| सेल स्पेसिंग | सघन, सामान्य या खुला। |
| रेखाएँ | पंक्तियों के बीच, पूरा ग्रिड या कोई नहीं। |
| रंग | हेडर का बैकग्राउंड, हेडर टेक्स्ट, सेल टेक्स्ट, एक छोड़कर पंक्तियाँ और रेखाएँ। चार्ट के रंग इस्तेमाल करने के लिए खाली छोड़ें। |
| हेडर पंक्ति बोल्ड | डिफ़ॉल्ट रूप से चालू। सामान्य मोटाई वाले हेडर के लिए बंद करें। |
| पहला कॉलम बोल्ड | डिफ़ॉल्ट रूप से चालू। सामान्य मोटाई वाले साइज़ नामों के लिए बंद करें। |
| पहले कॉलम को हाइलाइट करें | साइज़ कॉलम को हल्का रंग देता है ताकि वह लेबल जैसा दिखे। |
| स्क्रॉल करते समय पहला कॉलम दिखता रहे | चौड़ी टेबल पर, ग्राहक बगल में स्क्रॉल करें तब भी साइज़ कॉलम अपनी जगह रहता है — फ़ोन पर खास तौर पर काम का। |
| हेडर पंक्ति और साइज़ कॉलम को कैपिटल अक्षरों में करें | इन्हें कैपिटल अक्षरों में दिखाता है। |
हेडिंग
चार्ट को हिस्सों में बाँटने के लिए छोटा शीर्षक, जैसे “कैसे नापें”।
| सेटिंग | यह क्या करती है |
|---|---|
| संरेखण | बाएँ, बीच में या दाएँ। |
| साइज़ | छोटा, मध्यम या बड़ा। |
| रंग | चार्ट की हेडिंग का रंग इस्तेमाल करने के लिए खाली छोड़ें। |
टेक्स्ट
फ़िट, नापने या रिटर्न के बारे में एक नोट। टूलबार में बोल्ड, इटैलिक, रेखांकित, बुलेट और नंबर वाली सूचियाँ, और लिंक हैं। टेक्स्ट का साइज़ छोटा, मध्यम या बड़ा रखें।
शब्द चुनें और उन्हें रंगने के लिए टेक्स्ट का रंग या हाइलाइट इस्तेमाल करें। टूलबार के आख़िर में HTML संपादित करें से आप मार्कअप सीधे बदल सकते हैं: पैराग्राफ़, h3 और h4 हेडिंग, बोल्ड, इटैलिक, रेखांकित, सूचियाँ, लिंक और रंगीन टेक्स्ट बने रहते हैं। बाकी टैग सेव करते समय हटा दिए जाते हैं, पर उनका टेक्स्ट बना रहता है। “टेक्स्ट के साथ इमेज” का टेक्स्ट भी इसी एडिटर से बदला जाता है।
इमेज
एक डायग्राम या फ़ोटो — जैसे नापने का तरीका दिखाने वाला चित्र।
| सेटिंग | यह क्या करती है |
|---|---|
| इमेज | नई इमेज अपलोड करें, अपनी Shopify फ़ाइलों में से कोई चुनें, या इमेज लिंक पेस्ट करें (सिर्फ़ https)। JPG, PNG, WebP या GIF, 20 MB तक। |
| Alt टेक्स्ट | स्क्रीन रीडर इस्तेमाल करने वाले ग्राहकों के लिए इमेज का वर्णन। इसे भरना हमेशा फ़ायदेमंद है। |
| चौड़ाई | मूल साइज़, पूरी चौड़ाई, बड़ा, मध्यम या छोटा। |
| संरेखण | बाएँ, बीच में या दाएँ। |
टेक्स्ट के साथ इमेज
समझाने वाले टेक्स्ट के बगल में इमेज, जैसे नापने के चरणों वाला डायग्राम।
| सेटिंग | यह क्या करती है |
|---|---|
| इमेज की जगह | टेक्स्ट के बाईं ओर या टेक्स्ट के दाईं ओर। |
| इमेज की चौड़ाई | एलिमेंट का आधा या एक तिहाई। |
| ऊर्ध्वाधर संरेखण | बीच में या ऊपर। |
फ़ोन पर इमेज टेक्स्ट के ऊपर आ जाती है।
इमेज गैलरी
कई इमेज एक साथ — कपड़े के क्लोज़-अप, फ़िट फ़ोटो या नापने के चरण।
| सेटिंग | यह क्या करती है |
|---|---|
| लेआउट | ग्रिड, या कैरोसेल (स्वाइप करने योग्य)। |
| कॉलम | सिर्फ़ ग्रिड: अपने-आप फ़िट करें, 2, 3 या 4। |
| इमेज की ऊँचाई | सिर्फ़ कैरोसेल: छोटी, मध्यम या ऊँची। |
वीडियो
नापने का तरीका बताने वाला छोटा वीडियो।
| सेटिंग | यह क्या करती है |
|---|---|
| स्रोत | अपनी Shopify फ़ाइलों में वीडियो अपलोड करें (MP4, MOV या WebM, 1 GB तक), या YouTube या Vimeo लिंक पेस्ट करें। |
| प्लेबैक | सिर्फ़ अपलोड किए गए वीडियो: कंट्रोल वाला प्लेयर, या GIF की तरह बिना आवाज़ के लूप में अपने-आप चलाएँ। |
| शीर्षक | स्क्रीन रीडर इसे पढ़कर सुनाते हैं। |
| चौड़ाई | पूरी चौड़ाई, बड़ा, मध्यम या छोटा। |
डिवाइडर
हिस्सों के बीच एक आड़ी रेखा, बीच में वैकल्पिक लेबल के साथ।
| सेटिंग | यह क्या करती है |
|---|---|
| रेखा | ठोस, डैश वाली या बिंदु वाली। |
| दूरी | रेखा के आसपास छोटी, मध्यम या बड़ी जगह। |
| मोटाई | 1, 2 या 4 px। |
| रंग | चार्ट की रेखाओं का रंग इस्तेमाल करने के लिए खाली छोड़ें। |
| लेबल | 60 अक्षरों तक, जैसे “कैसे नापें”। रेखा के बीच खाली जगह में आता है; सादी रेखा के लिए खाली छोड़ें। |
| लेबल की जगह | बाएँ, बीच में या दाएँ। |
हर एलिमेंट में स्टाइल विकल्प के अंदर ऊपर जगह और नीचे जगह (कोई नहीं, छोटा, डिफ़ॉल्ट या बड़ा) भी होती है।
टेबल के साथ काम करना
टेबल एडिटर एक छोटी स्प्रेडशीट की तरह काम करता है। एक टेबल में 200 पंक्तियाँ और 30 कॉलम तक हो सकते हैं।
कीबोर्ड और माउस
| सेटिंग | यह क्या करती है |
|---|---|
| ऐरो कीज़ | सेल के बीच आगे-पीछे जाएँ। |
| Shift + ऐरो कीज़ | सेल की एक रेंज चुनें। आप क्लिक करके खींच भी सकते हैं। |
| Enter | एक पंक्ति नीचे जाएँ (Shift + Enter से ऊपर)। |
| Delete / Backspace | चुनी गई रेंज के हर सेल को खाली करें। |
| Ctrl / ⌘ + C, X, V | रेंज को कॉपी, कट और पेस्ट करें। |
| Ctrl / ⌘ + Z | टेबल का आखिरी बदलाव (पेस्ट, जोड़ना, हटाना) पहले जैसा करें। |
| राइट-क्लिक, Shift + F10 या मेन्यू की | टेबल कार्रवाइयाँ मेन्यू खोलें। |
| Escape | चुनाव को वापस एक सेल तक सीमित करें। |
Excel या Google Sheets से पेस्ट करना
अपनी स्प्रेडशीट में सेल कॉपी करें, उस सेल पर क्लिक करें जहाँ सबसे ऊपर-बाएँ वाला मान आना चाहिए, और पेस्ट करें। टेबल ज़रूरत के हिसाब से बढ़ जाती है। किसी चुनाव पर एक ही मान पेस्ट करने से हर चुना गया सेल भर जाता है।
टेबल कार्रवाइयाँ मेन्यू
किसी भी सेल पर राइट-क्लिक करें:
- पहले जैसा करें
- ऊपर / नीचे पंक्ति जोड़ें, पंक्ति की कॉपी बनाएँ, पंक्ति ऊपर / नीचे ले जाएँ, पंक्ति हटाएँ
- बाईं / दाईं ओर कॉलम जोड़ें, कॉलम बाएँ / दाएँ ले जाएँ, कॉलम हटाएँ
- पंक्तियाँ और कॉलम आपस में बदलें — ऊपर लगे साइज़ को बगल में लाता है, या इसका उल्टा।
- CSV इम्पोर्ट करें… — टेबल को CSV फ़ाइल के कंटेंट से बदल देता है। पहली लाइन हेडर पंक्ति बन जाती है।
- माप हटाएँ — हर सेल खाली करता है लेकिन हेडर पंक्ति और साइज़ कॉलम रखता है, ताकि आप लेआउट दोबारा इस्तेमाल कर सकें।
कई पंक्तियाँ चुनी हों तो पंक्ति हटाएँ उन सभी को हटा देता है। टेबल के नीचे पंक्ति जोड़ें और कॉलम जोड़ें बटन आखिर में जोड़ते हैं।
इकाई बदलना
माप एक बार डालें और ग्राहकों को इकाई बदलने दें। इकाई बदलना चालू होने पर टेबल के ऊपर एक छोटा स्विच दिखता है (जैसे cm | in)। साइज़ और नोट ठीक वैसे ही रहते हैं जैसे आपने लिखे थे।
| सेटिंग | यह क्या करती है |
|---|---|
| इकाई बदलना | कोई बदलाव नहीं, या आपकी डाली इकाई → दी जाने वाली इकाई: सेंटीमीटर → इंच, इंच → सेंटीमीटर, मिलीमीटर → इंच, इंच → मिलीमीटर, किलोग्राम → पाउंड, पाउंड → किलोग्राम। |
| पहले दिखाएँ | चार्ट खुलने पर ग्राहक कौन-सी इकाई देखें — आपकी डाली इकाई, या बदली हुई (जैसे अमेरिकी ग्राहकों के लिए इंच)। |
| बदले गए मानों को राउंड करें | पूर्ण संख्याएँ, दशमलव के बाद 1 अंक (डिफ़ॉल्ट), या 2 अंक। |
| स्विच की जगह | टेबल के ऊपर बाएँ, बीच में या दाएँ। |
| बदलने वाले कॉलम | माप वाले कॉलम पर टिक करें। डिफ़ॉल्ट रूप से पहले कॉलम को छोड़कर हर कॉलम बदला जाता है। |
क्या बदला जाता है
- एकल मान (
86) और रेंज (86-90,86 – 90,86/90,86 to 90)। - दशमलव कॉमा (
86,5) — बदले हुए मान में भी कॉमा रहता है। - इकाई लिखे हुए मान (
86 cm→33.9 in)। - हेडर में ब्रैकेट वाली इकाई भी बदल जाती है:
Chest (cm),Chest (in)बन जाता है।
जो कुछ भी संख्या नहीं है — M या XL जैसे साइज़ के नाम, नोट, खाली सेल — वैसा ही रहता है।
कमर (सेमी), ताकि ग्राहकों को हमेशा पता रहे कि वे कौन-सी इकाई पढ़ रहे हैं।किसी एक चार्ट को अलग लुक देना
डिफ़ॉल्ट रूप से हर चार्ट आपके पूरे स्टोर के रूप-रंग का पालन करता है। किसी एक चार्ट को अलग स्टाइल देने के लिए — जैसे स्ट्रीटवियर लाइन के लिए गहरा लुक — एडिटर में स्टोर का रूप-रंग इस्तेमाल करें बंद करें। चार्ट को आपके स्टोर की मौजूदा सेटिंग्स से शुरू करके चार्ट विंडो, हेडर, प्रोडक्ट फ़ोटो, बैकग्राउंड, टेबल और टेक्स्ट सेटिंग्स की अपनी कॉपी मिल जाती है।
चार्ट को वापस स्टोर के लुक पर लाने के लिए स्टोर का रूप-रंग इस्तेमाल करें फिर से चालू करें। कस्टम CSS और बाहर क्लिक करने पर बंद होने की सेटिंग हमेशा पूरे स्टोर के रूप-रंग पेज से आती है।