अपने प्रोडक्ट पेजों में पॉप-अप साइज़ चार्ट जोड़ना.
मेटाफ़ील्ड आपको विशेष जानकारी सेव करने की सुविधा देते हैं, जो आम तौर पर Shopify एडमिन में कैप्चर नहीं की जाती है। इससे आपको अपने Shopify स्टोर की कार्यक्षमता और दिखावट को कस्टमाइज़ करने में मदद मिलती है। मेटाफ़ील्ड का उपयोग आंतरिक रूप से आपके Shopify एडमिन में किया जा सकता है और आप उन्हें अपने ऑनलाइन स्टोर में प्रदर्शित करना भी चुन सकते हैं।
मेटाफ़ील्ड के ज़रिए, आप पॉप-अप ब्लॉक में एक पेज संदर्भ जोड़ सकते हैं, जो आपके प्रोडक्ट पेजों पर एक लिंक दिखाता है। क्लिक किए जाने पर, लिंक एक पॉप-अप खोलता है जो आपके पेज की सामग्री दिखाता है। आप अपने पेजों के लिए रिच टेक्स्ट एडिटर का उपयोग करके इमेज और अन्य मीडिया जोड़ सकते हैं।
यहां पॉप-अप जानकारी के कुछ उदाहरण दिए गए हैं, जिन्हें आप अपने प्रोडक्ट पेजों में जोड़ सकते हैं:
- साइज़ चार्ट
- देखभाल संबंधी निर्देश
- असेंबली संबंधी निर्देश
- प्रोडक्ट स्पेसिफिकेशन
- अक्सर पूछे जाने वाले सवाल
यह 4-चरणों वाला ट्यूटोरियल है। इसमें पेज संदर्भ मेटाफ़ील्ड का परिचय दिया गया है। साथ ही, इसमें बताया गया है कि पेज संदर्भ के लिए प्रोडक्ट मेटाफ़ील्ड कैसे बनाएं, अपने ऑनलाइन स्टोर के लिए प्रोडक्ट पेज टेम्पलेट कैसे बनाएं, नया पेज कैसे जोड़ें, खास प्रोडक्ट में पेज का संदर्भ कैसे दें और खास प्रोडक्ट पर प्रोडक्ट पेज टेम्पलेट कैसे लागू करें। आप इस ट्यूटोरियल का उपयोग पॉप-अप में अपनी इच्छानुसार कोई भी सामग्री बनाने के लिए कर सकते हैं। इस पूरे ट्यूटोरियल में साइज़ चार्ट का उदाहरण इस्तेमाल किया गया है।
इस ट्यूटोरियल के लिए एक ऐसी थीम की ज़रूरत है, जो डायनेमिक स्रोतों का समर्थन करती हो। अगर आप विंटेज थीम का उपयोग कर रहे हैं या अगर आप ऐसे मेटाफ़ील्ड प्रकार जोड़ना चाहते हैं, जिन्हें आपकी थीम सपोर्ट नहीं करती है, तो आप अपनी थीम का कोड एडिट कर सकते हैं या Shopify पार्टनर को हायर कर सकते हैं।
इस पेज पर
चरण 1: पेज के लिए एक प्रोडक्ट मेटाफ़ील्ड बनाएं
शुरू करने के लिए, आपको अपने प्रोडक्ट पेजों के लिए एक पेज संदर्भ मेटाफ़ील्ड परिभाषा बनानी होगी। प्रोडक्ट मेटाफ़ील्ड एक खास पेज से लिंक होता है और इसे हर प्रोडक्ट के लिए कस्टमाइज़ किया जा सकता है। अगर आप एक ही टेम्पलेट का उपयोग करने वाले प्रोडक्ट में पेज संदर्भ नहीं जोड़ते हैं, तो आपका पॉप-अप लिंक टेक्स्ट फिर भी ऐसे प्रदर्शित होगा जैसे कि सामग्री मौजूद है। सिर्फ़ खास प्रोडक्ट पर पॉप-अप लिंक प्रदर्शित करने के लिए, आप एक प्रोडक्ट टेम्पलेट बना सकते हैं और उसे केवल संबंधित प्रोडक्ट पर लागू कर सकते हैं।
पेज संदर्भ मेटाफ़ील्ड के साथ, आप अलग-अलग प्रकार के प्रोडक्ट के लिए अलग-अलग पेज बनाकर अलग-अलग प्रोडक्ट जानकारी प्रदर्शित कर सकते हैं। उदाहरण के लिए, आप दो अलग-अलग आयु वर्गों के लिए दो अलग-अलग साइज़ चार्ट पेज बना सकते हैं, जैसे कि टॉडलर साइज़ चार्ट और शिशु साइज़ चार्ट और फिर आप केवल टॉडलर के लिए बने प्रोडक्ट में टॉडलर साइज़ के लिए पेज संदर्भ जोड़ सकते हैं।
आपको अपने थीम एडिटर में पॉप-अप ब्लॉक से कनेक्ट करने के लिए पेज संदर्भ के लिए एक मेटाफ़ील्ड परिभाषा बनानी होगी। जब आप अपनी मेटाफ़ील्ड परिभाषा बनाते हैं, तो स्टोरफ़्रंट एक्सेस डिफ़ॉल्ट रूप से चुना जाता है।
चरण:
डेस्कटॉप
अपने Shopify एडमिन से, सेटिंग्स > मेटाफ़ील्ड और मेटाऑब्जेक्ट पर जाएं।
मेटाफ़ील्ड परिभाषाएं सेक्शन में, प्रोडक्ट पर क्लिक करें।
परिभाषा जोड़ें पर क्लिक करें।
नाम फ़ील्ड में, साइज़ चार्ट डालें।
⊕ प्रकार चुनें पर क्लिक करें।
ड्रॉप-डाउन मेनू से पेज चुनें। एक पेज डिफ़ॉल्ट रूप से चुना जाता है।
सेव करें पर क्लिक करें।
मोबाइल
Shopify app से,
पर टैप करें और फिर 
सेटिंग्स पर टैप करें।स्टोर सेटिंग्स सेक्शन में, मेटाफ़ील्ड और मेटाऑब्जेक्ट पर टैप करें।
मेटाफ़ील्ड परिभाषाएं सेक्शन में, प्रोडक्ट पर टैप करें।
+ पर टैप करें।
नाम फ़ील्ड में, साइज़ चार्ट डालें।
+ प्रकार चुनें पर टैप करें।
ड्रॉप-डाउन मेनू से पेज चुनने के लिए टैप करें। एक पेज डिफ़ॉल्ट रूप से चुना जाता है।
सेव करें या ✓ पर टैप करें।
चरण 2: अपना प्रोडक्ट पेज टेम्पलेट बनाएं
इस ट्यूटोरियल के लिए एक ऐसी थीम की ज़रूरत है, जो डायनेमिक स्रोतों का समर्थन करती हो। अगर आप विंटेज थीम का उपयोग कर रहे हैं या अगर आप ऐसे मेटाफ़ील्ड प्रकार जोड़ना चाहते हैं, जिन्हें आपकी थीम सपोर्ट नहीं करती है, तो आप अपनी थीम का कोड एडिट कर सकते हैं या Shopify पार्टनर को हायर कर सकते हैं।
सेक्शन या ब्लॉक जोड़ने के बाद, आप डायनैमिक सोर्स आइकन पर क्लिक करके मेटाफ़ील्ड चुन सकते हैं:
अगर आप अपने सभी प्रोडक्ट में साइज़ चार्ट के लिए पॉप-अप लिंक नहीं जोड़ना चाहते हैं, तो आपको एक नया प्रोडक्ट पेज टेम्पलेट बनाना होगा। इन चरणों में, आप एक नया प्रोडक्ट पेज टेम्पलेट बनाते हैं, लेकिन आप इसके बजाय कस्टमाइज़ करने के लिए मौजूदा प्रोडक्ट पेज टेम्पलेट भी चुन सकते हैं।
चरण:
डेस्कटॉप
- अपने Shopify एडमिन से, ऑनलाइन स्टोर > थीम पर जाएं.
- जिस थीम को आप कस्टमाइज़ करना चाहते हैं, उसके आगे थीम में बदलाव करें पर क्लिक करें.
- एडिटर में सबसे ऊपर मौजूद होम पेज ड्रॉप-डाउन मेनू से, प्रोडक्ट पर क्लिक करें और फिर एक नया टेम्पलेट बनाने और उसे कस्टमाइज़ करने के लिए ⊕ टेम्पलेट बनाएं पर क्लिक करें.
- सेक्शन नेविगेशन साइडबार में, टेम्पलेट > प्रोडक्ट की जानकारी ब्लॉक पर जाएं और फिर ⊕ ब्लॉक जोड़ें पर क्लिक करें.
- पॉप-अप पर क्लिक करें.
- लिंक लेबल फ़ील्ड में, साइज़ चार्ट डालें। यह वह टेक्स्ट है, जिस पर ग्राहक पॉप-अप पेज की सामग्री के लिए क्लिक करता है।
- पेज के आगे, डायनैमिक सोर्स आइकन पर क्लिक करें और फिर अपने बनाए हुए पेज संदर्भ मेटाफ़ील्ड को चुनने के लिए क्लिक करें.
- सेव करें पर क्लिक करें।
मोबाइल
Shopify app से,
आइकन पर टैप करें।सेल्स चैनल सेक्शन में, ऑनलाइन स्टोर > सभी थीम मैनेज करें पर टैप करें।
जिस थीम को आप कस्टमाइज़ करना चाहते हैं, उसके लिए थीम में बदलाव करें पर टैप करें.
एडिटर में सबसे ऊपर मौजूद होम पेज ड्रॉप-डाउन मेनू से, प्रोडक्ट पर टैप करें और फिर नया टेम्पलेट बनाने और उसे कस्टमाइज़ करने के लिए ⊕ टेम्पलेट बनाएं पर टैप करें.
सेक्शन नेविगेशन साइडबार में, Template > Product information ब्लॉक पर जाएं और फिर ⊕ ब्लॉक जोड़ें पर टैप करें।
पॉप-अप पर टैप करें.
लिंक लेबल फ़ील्ड में, साइज़ चार्ट डालें। यह वह टेक्स्ट है, जिस पर ग्राहक पॉप-अप पेज की सामग्री के लिए क्लिक करता है।
पेज के आगे, डायनैमिक सोर्स आइकन पर टैप करें और फिर अपने बनाए हुए पेज संदर्भ मेटाफ़ील्ड को चुनने के लिए टैप करें.
सेव करें या ✓ पर टैप करें।
चरण 3: अपने साइज़ चार्ट वाला पेज जोड़ें
आपको साइज़ चार्ट सामग्री वाला एक ऐसा पेज बनाना होगा, जिसका मेटाफ़ील्ड संदर्भ देता है। अगर आपने पहले से कोई पेज बनाया हुआ है, तो आप चरण 4 पर जा सकते हैं।
चरण:
डेस्कटॉप
- अपने Shopify एडमिन से, ऑनलाइन स्टोर > पेज पर जाएं.
- पेज जोड़ें पर क्लिक करें.
- शीर्षक फ़ील्ड में, साइज़ चार्ट डालें और फिर सामग्री में साइज़ चार्ट की जानकारी जोड़ें.
- दृश्यता सेक्शन में, पेज को दृश्यमान के रूप में सेट करें.
- सेव करें पर क्लिक करें।
मोबाइल
Shopify app से,
आइकन पर टैप करें।सेल्स चैनल सेक्शन में, ऑनलाइन स्टोर > पेज पर टैप करें।
पेज जोड़ें पर टैप करें.
शीर्षक फ़ील्ड में, साइज़ चार्ट डालें और फिर सामग्री में साइज़ चार्ट की जानकारी जोड़ें.
दृश्यता सेक्शन में, पेज को दृश्यमान के रूप में सेट करें.
सेव करें या ✓ पर टैप करें।
आप मेटाफ़ील्ड में संदर्भ देने के लिए ज़रूरत के अनुसार साइज़ चार्ट वाले जितने चाहें उतने पेज बना सकते हैं। हालांकि, आप प्रोडक्ट मेटाफ़ील्ड में सिर्फ़ एक पेज को लिंक कर सकते हैं।
चरण 4: पेज का संदर्भ दें और खास प्रोडक्ट पर प्रोडक्ट टेम्पलेट लागू करें
जब आप किसी खास प्रोडक्ट में पेज का संदर्भ जोड़ते हैं, तो उस पेज की जानकारी सिर्फ़ उसी प्रोडक्ट के साथ दिखाई देती है। अगर आप उस प्रोडक्ट टेम्पलेट का उपयोग करने वाले किसी प्रोडक्ट के लिए पेज संदर्भ को खाली छोड़ देते हैं, तो लिंक टेक्स्ट फिर भी एक लिंक के रूप में दिखाई देता है। हालांकि, पॉप-अप खाली होता है, जिसमें कोई पेज संदर्भ नहीं होता है और इससे आपके ग्राहकों को भ्रम हो सकता है। आप खास तरह के प्रोडक्ट के लिए, जिनमें साइज़ चार्ट होते हैं, जैसे कपड़े या जूते, एक अलग प्रोडक्ट पेज टेम्पलेट का उपयोग कर सकते हैं और अन्य तरह के प्रोडक्ट के लिए, जैसे बच्चों के खिलौने या गहने और अन्य एक्सेसरीज़, एक और प्रोडक्ट टेम्पलेट का उपयोग कर सकते हैं।
टेम्पलेट के बारे में ज़्यादा जानें.
चरण:
डेस्कटॉप
- अपने Shopify एडमिन से, प्रोडक्ट पर जाएं.
- उस प्रोडक्ट पर क्लिक करें जिसमें आप पेज का संदर्भ जोड़ना चाहते हैं.
- प्रोडक्ट मेटाफ़ील्ड सेक्शन में, साइज़ चार्ट पेज संदर्भ पर क्लिक करें, फिर पेज चुनें पर क्लिक करें और साइज़ चार्ट पेज चुनें.
- थीम टेम्पलेट सेक्शन में, वह साइज़ चार्ट प्रोडक्ट पेज टेम्पलेट चुनें, जिसे आपने चरण 2 में बनाया था.
- सेव करें पर क्लिक करें।
मोबाइल
- Shopify ऐप से,
आइकन पर टैप करें
. - उस प्रोडक्ट पर टैप करें जिसमें आप पेज का संदर्भ जोड़ना चाहते हैं.
- प्रोडक्ट मेटाफ़ील्ड सेक्शन में, साइज़ चार्ट पेज संदर्भ पर टैप करें, फिर पेज चुनें पर टैप करें और साइज़ चार्ट पेज चुनें.
- थीम टेम्पलेट सेक्शन में, वह साइज़ चार्ट प्रोडक्ट पेज टेम्पलेट चुनें, जिसे आपने चरण 2 में बनाया था.
- सेव करें या ✓ पर टैप करें।
आप ज़रूरत के अनुसार जितने चाहें उतने प्रोडक्ट के लिए इन चरणों को दोहरा सकते हैं।