ऐप का इस्तेमाल
थीम ब्लॉक
साइज़ चार्ट ब्लॉक तय करता है कि ग्राहक आपके प्रोडक्ट पेज पर चार्ट तक कैसे पहुँचें: टेक्स्ट लिंक, बटन, या सीधे पेज पर दिखता चार्ट। आप इसे थीम एडिटर में एक बार सेट करते हैं, और यह उस टेम्पलेट वाले हर प्रोडक्ट पर लागू होता है।
ब्लॉक ढूँढने के लिए: ऑनलाइन स्टोर → थीम → कस्टमाइज़ करें, किसी प्रोडक्ट टेम्पलेट पर जाएँ, और प्रोडक्ट की जानकारी वाले सेक्शन में साइज़ चार्ट पर क्लिक करें। अभी तक नहीं जोड़ा? इंस्टॉलेशन देखें।
डिस्प्ले
| सेटिंग | यह क्या करती है |
|---|---|
| लेबल | वह टेक्स्ट जिस पर ग्राहक क्लिक करते हैं। डिफ़ॉल्ट “साइज़ चार्ट” (आपके स्टोर की भाषा में) — “साइज़ गाइड” या “अपना साइज़ ढूँढें” आज़माएँ। |
| इस रूप में दिखाएँ | टेक्स्ट लिंक (डिफ़ॉल्ट), बटन, या इनलाइन (पेज पर चार्ट दिखाएँ), जो पूरे चार्ट को बिना क्लिक के प्रोडक्ट पेज पर रख देता है। |
| संरेखण | बाएँ, बीच में या दाएँ। सिर्फ़ लिंक और बटन के लिए। |
नीचे की ज़्यादातर सेटिंग्स सिर्फ़ लिंक और बटन स्टाइल में दिखती हैं, क्योंकि इनलाइन चार्ट में क्लिक करने को कुछ नहीं होता।
जगह
डिफ़ॉल्ट रूप से लिंक वहीं रहता है जहाँ आप ब्लॉक रखते हैं। जगह की सेटिंग से आप उसे किसी दूसरी चीज़ वाली पंक्ति में रख सकते हैं — सबसे आम जगह कीमत के बगल में है।
| सेटिंग | यह क्या करती है |
|---|---|
| दिखाएँ | जहाँ यह ब्लॉक रखा गया है, कीमत वाली पंक्ति में, या किसी दूसरे एलिमेंट वाली पंक्ति में। |
| एलिमेंट क्लास या सिलेक्टर | “दूसरे एलिमेंट” के लिए: आपकी थीम के प्रोडक्ट सेक्शन की कोई क्लास या CSS सिलेक्टर, जैसे product__title या .product-form__quantity। |
| पंक्ति में जगह | एलिमेंट के बाद या एलिमेंट से पहले। |
| पंक्ति में ऊर्ध्वाधर संरेखण | बीच में, ऊपर, नीचे, या टेक्स्ट बेसलाइन। |
कीमत वाली पंक्ति में Dawn और उस पर बनी ज़्यादातर थीम में, और आम कीमत क्लास नाम इस्तेमाल करने वाली थीम में कीमत को अपने-आप ढूँढ लेता है। ग्राहक वैरिएंट बदलें तब भी लिंक अपनी जगह रहता है।
लिंक
| सेटिंग | यह क्या करती है |
|---|---|
| लिंक का रंग | अपनी थीम के टेक्स्ट रंग के लिए खाली छोड़ें। |
| रेखांकित | डिफ़ॉल्ट रूप से चालू। |
आइकन
लेबल के बगल में आइकन लगाएँ। आइकन लिंक या बटन के टेक्स्ट का रंग लेते हैं, इसलिए हमेशा मेल खाते हैं।
| सेटिंग | यह क्या करती है |
|---|---|
| आइकन | कोई आइकन नहीं (डिफ़ॉल्ट), 27 बिल्ट-इन आइकन में से कोई एक, या कस्टम इमेज। |
| कस्टम आइकन | आपकी अपनी इमेज, अपने ही रंगों में दिखती है। चौकोर PNG या SVG सबसे अच्छा काम करता है। |
| आइकन की जगह | लेबल से पहले या लेबल के बाद। |
| आइकन का साइज़ | 12–40 px। डिफ़ॉल्ट 18 px। |
| आइकन और टेक्स्ट के बीच दूरी | आइकन और लेबल के बीच जगह, 0–24 px। डिफ़ॉल्ट 6 px। |
आधुनिक
साइज़ टेबल · साइज़ टैग · रूलर के साथ हैंगर · टेप माप केस · शर्ट की चौड़ाई · ड्रेस फ़ॉर्म · पैंट की कमर · जूते की लंबाई · बॉडी फ़िट
क्लासिक
रूलर · नापने का टेप · टेप रोल · टेप के साथ शर्ट · मुड़ा हुआ टेप · फ़्लोर प्लान · जूते का साइज़ · हैंगर · शर्ट के माप · अक्षर साइज़ · कमर का माप · वज़न मापक · रूलर के साथ ड्रेस · स्नीकर · हिप · टेप के साथ शरीर · सेट स्क्वेयर · चौड़ाई तीर
बटन
| सेटिंग | यह क्या करती है |
|---|---|
| बैकग्राउंड / टेक्स्ट | आपकी थीम के टेक्स्ट रंग में आउटलाइन बटन के लिए दोनों खाली छोड़ें। |
| साइज़ | छोटा (36 px ऊँचा), मध्यम (44 px, ज़्यादातर थीम बटन जितना) या बड़ा (52 px)। कस्टम चुनने पर बटन की ऊँचाई का स्लाइडर दिखता है। |
| बटन की ऊँचाई | 28–64 px। डिफ़ॉल्ट 44 px। सिर्फ़ कस्टम साइज़ के साथ। |
| कोनों की गोलाई | 0–40 px। डिफ़ॉल्ट 4 px। |
| फ़्लोटिंग बटन दिखाएँ | स्क्रीन के किनारे पर एक टैब भी लगा देता है, ताकि ग्राहक स्क्रॉल करते हुए पेज पर कहीं से भी चार्ट खोल सकें। |
| फ़्लोटिंग बटन की दिशा | बाएँ या दाएँ। |
| फ़्लोटिंग बटन की जगह | स्क्रीन के ऊपर, बीच में या नीचे। |
| मोबाइल पर फ़्लोटिंग बटन दिखाएँ | डिफ़ॉल्ट रूप से चालू। फ़ोन पर टैब छिपाने के लिए इसे बंद करें; वहाँ ग्राहक सामान्य बटन का उपयोग करते हैं। |
चार्ट विंडो
| सेटिंग | यह क्या करती है |
|---|---|
| इस रूप में खोलें | पॉपअप (बीच में, डिफ़ॉल्ट), बाईं ओर से ड्रॉअर, या दाईं ओर से ड्रॉअर। |
ड्रॉअर किनारे से स्लाइड होकर आते हैं और पीछे प्रोडक्ट पेज दिखता रहता है। फ़ोन पर वे बीच वाले पॉपअप की तरह खुलते हैं, क्योंकि ड्रॉअर वैसे भी पूरी स्क्रीन भर देता। बड़ी स्क्रीन पर प्रोडक्ट फ़ोटो सिर्फ़ पॉपअप में दिखती हैं, क्योंकि ड्रॉअर बहुत संकरे होते हैं; फ़ोन पर वे फ़ोन पर भी दिखाएँ सेटिंग का पालन करती हैं।
ग्राहकों को क्या मिलता है
- पॉपअप या ड्रॉअर क्लोज़ बटन, Escape की, या — जब तक आप इसे रूप-रंग में बंद न करें — बाहर क्लिक करने से बंद होता है।
- जब किसी टेबल में इकाई बदलना चालू हो, तो ग्राहक की पसंद (जैसे इंच) याद रखी जाती है, इसलिए अगला प्रोडक्ट उसी इकाई में खुलता है। चार्ट की दूसरी टेबल भी साथ में बदल जाती हैं।
- चौड़ी टेबल फ़ोन पर दबने के बजाय बगल में स्क्रॉल होती हैं, और साइज़ कॉलम को पिन रख सकती हैं।
- चार्ट कीबोर्ड और स्क्रीन रीडर इस्तेमाल करने वालों के लिए बनाया गया है: खुलने पर फ़ोकस पॉपअप में जाता है और बंद होने पर वापस लिंक पर आता है।