मेटाऑब्जेक्ट बनाना और कनेक्ट करना
इस ट्यूटोरियल में, आप जानेंगे कि प्रोडक्ट हाइलाइट के लिए एक कस्टम मेटाऑब्जेक्ट कैसे बनाएं और उन्हें अपने ऑनलाइन स्टोर पर कैसे प्रदर्शित करें। प्रोडक्ट हाइलाइट मेटाऑब्जेक्ट एक इमेज, प्रोडक्ट का नाम, एक कैप्शन और एक विवरण प्रदर्शित करेगा।
इस ट्यूटोरियल में मेटाऑब्जेक्ट परिभाषाओं, एंट्री बनाने, मेटाफ़ील्ड संदर्भ सेट अप करने, प्रोडक्ट को एंट्री से कनेक्ट करने और अंत में, अपने ऑनलाइन स्टोर पर मेटाऑब्जेक्ट प्रकाशित करने के बारे में बताया गया है।
इस पेज पर
आप क्या सीखेंगे
यह ट्यूटोरियल पूरा कर लेने के बाद, आप निम्नलिखित काम पूरे कर लेंगे:
- प्रोडक्ट हाइलाइट के लिए एक मेटाऑब्जेक्ट बनाना
- आपके बनाए गए मेटाऑब्जेक्ट का उपयोग करके प्रोडक्ट हाइलाइट के लिए कई एंट्री बनाना
- मेटाऑब्जेक्ट को संदर्भित करने वाली एक मेटाफ़ील्ड परिभाषा बनाना
- अपनी एंट्री को खास प्रोडक्ट से कनेक्ट करना
- अपनी मेटाऑब्जेक्ट एंट्री प्रकाशित करना
पहला कदम: मेटाऑब्जेक्ट बनाएं
अपने Shopify एडमिन से, सेटिंग्स > मेटाफ़ील्ड और मेटाऑब्जेक्ट पर जाएं।
मेटाऑब्जेक्ट परिभाषाएं सेक्शन में, परिभाषा जोड़ें पर क्लिक करें।
अपनी मेटाऑब्जेक्ट परिभाषा को प्रोडक्ट हाइलाइट नाम दें।
फ़ील्ड जोड़ें पर क्लिक करें और उस सामग्री का प्रकार चुनें, जिसे आप इस मेटाऑब्जेक्ट में प्रदर्शित करना चाहते हैं। फ़ील्ड आपके मेटाऑब्जेक्ट में प्रदर्शित सामग्री को परिभाषित करते हैं और हर फ़ील्ड के अपने विकल्प और वैलिडेशन होते हैं। पहला फ़ील्ड जोड़ने के लिए, फ़ाइल चुनें।
प्रकार और वैलिडेशन कॉन्फ़िगर करें। फ़ील्ड को इमेज नाम दें और एक संक्षिप्त विवरण डालें।
एक्सेस के अंतर्गत, स्टोरफ़्रंट अपने-आप चुन लिया जाता है। इस विकल्प को चुने रहने दें, क्योंकि यह सामग्री को आपके स्टोर द्वारा एक्सेस करने और प्रदर्शित करने की अनुमति देता है।
अपने मेटाऑब्जेक्ट में इमेज फ़ील्ड जोड़ें। फ़ील्ड जोड़ें > फ़ाइल चुनें।
- इस फ़ील्ड को इमेज नाम दें।
- इस मेटाऑब्जेक्ट को सिर्फ़ इमेज प्रदर्शित करने तक सीमित करने के लिए, वीडियो को अनचेक करें।
- एक विवरण डालें।
- पूरा हो जाने पर जोड़ें पर क्लिक करें।
- अपने मेटाऑब्जेक्ट में हेडिंग फ़ील्ड जोड़ें। इस बार, फ़ील्ड प्रकार के रूप में फ़ील्ड जोड़ें > एक पंक्ति का टेक्स्ट चुनें। निम्नलिखित करें:
- इस फ़ील्ड को हेडिंग नाम दें।
- इस फ़ील्ड का उपयोग इंडेक्स में एंट्री नाम के रूप में करने के लिए इस फ़ील्ड का उपयोग डिसप्ले नाम के रूप में करें को चेक करें।
- एक विवरण डालें।
- पूरा हो जाने पर जोड़ें पर क्लिक करें।
- अपने मेटाऑब्जेक्ट में कैप्शन फ़ील्ड जोड़ें। फ़ील्ड जोड़ें > एक पंक्ति का टेक्स्ट पर क्लिक करें। निम्नलिखित करें:
- इस फ़ील्ड को कैप्शन नाम दें।
- एक विवरण डालें।
- पूरा हो जाने पर जोड़ें पर क्लिक करें।
- अपने मेटाऑब्जेक्ट में विवरण फ़ील्ड जोड़ें। फ़ील्ड जोड़ें > कई पंक्तियों वाला टेक्स्ट पर क्लिक करें। निम्नलिखित करें:
- इस फ़ील्ड को विवरण नाम दें।
- एक विवरण डालें।
- पूरा हो जाने पर जोड़ें पर क्लिक करें।
- अपनी नई मेटाऑब्जेक्ट परिभाषा सेव करें।
आपकी मेटाऑब्जेक्ट परिभाषा सेव हो जाने के बाद, आप एंट्री बनाना शुरू कर सकते हैं।
दूसरा कदम: एंट्री बनाएं
- अपने Shopify एडमिन से, सामग्री पर क्लिक करें।
- नई एंट्री का आधार बनाने के लिए, प्रोडक्ट हाइलाइट मेटाऑब्जेक्ट परिभाषा पर क्लिक करें और फिर एंट्री जोड़ें पर क्लिक करें।
- अपनी एंट्री के लिए फ़ील्ड पूरे करें:
- इमेज चुनें पर क्लिक करें और इस प्रोडक्ट हाइलाइट के लिए एक इमेज चुनें या अपलोड करें।
- एक टाइटल और एक विवरण जोड़ें।
- स्टेटस अपने-आप एक्टिव पर सेट हो जाता है। अगर आप एंट्री का उपयोग करने के लिए तैयार नहीं हैं, तो आप स्टेटस को ड्राफ़्ट में बदल सकते हैं।
- सेव करें पर क्लिक करें।
आपकी एंट्री में एक जनरेट किया गया हैंडल होता है, जो किसी एक सामग्री एंट्री के लिए एक खास आइडेंटिफ़ायर है। जब आप अपनी एंट्री को अपने स्टोर के हिस्सों से कनेक्ट करना शुरू कर देते हैं, तो हैंडल को एडिट करने का सुझाव नहीं दिया जाता है। अपने स्टोर में किसी एंट्री हैंडल का उपयोग करने के बाद उसे बदलने के प्रभाव के बारे में ज़्यादा जानें।
प्रोडक्ट हाइलाइट मेटाऑब्जेक्ट परिभाषा के आधार पर तीन और एंट्री बनाने के लिए ऊपर दिए गए चरणों को दोहराएं।
अपनी मेटाऑब्जेक्ट परिभाषा और एंट्री सेव कर लेने के बाद, आप एक मेटाऑब्जेक्ट को संदर्भित करने वाली मेटाफ़ील्ड परिभाषा बना सकते हैं।
तीसरा कदम: एक मेटाफ़ील्ड परिभाषा बनाएं जो मेटाऑब्जेक्ट को संदर्भित करती है
अपने Shopify एडमिन से, सेटिंग्स > मेटाफ़ील्ड और मेटाऑब्जेक्ट पर जाएं।
मेटाफ़ील्ड सेक्शन में, प्रोडक्ट पर क्लिक करें।
परिभाषा जोड़ें पर क्लिक करें। एक खास नाम और विवरण डालें और फिर सामग्री का प्रकार चुनें पर क्लिक करें।
प्रकार चुनें पर क्लिक करें और फिर मेटाऑब्जेक्ट चुनें।
संदर्भ सेक्शन में, वह मेटाऑब्जेक्ट परिभाषा चुनें जिसे आप संदर्भित करना चाहते हैं। प्रोडक्ट हाइलाइट चुनें। यह मेटाफ़ील्ड प्रोडक्ट परिभाषा को सिर्फ़ प्रोडक्ट हाइलाइट मेटाऑब्जेक्ट से संबंधित एंट्री प्रदर्शित करने तक सीमित करता है।
तय करें कि यह परिभाषा एक एंट्री प्रदर्शित कर सकती है या उनकी सूची। इस उदाहरण के लिए, एंट्री की सूची विकल्प चुनें।
ऐक्सेस सेक्शन में, स्टोरफ़्रंट विकल्प डिफ़ॉल्ट रूप से चुना जाता है।
सेव करें पर क्लिक करें।
चौथा चरण: अपने प्रोडक्ट को एंट्री से कनेक्ट करें
अपने Shopify एडमिन से, प्रोडक्ट पर जाएं.
एक ऐसा प्रोडक्ट चुनें जिस पर आप प्रोडक्ट हाइलाइट दिखाना चाहते हैं।
इस उदाहरण में, हम हमारे द्वारा बनाई गई सभी प्रोडक्ट हाइलाइट एंट्री नहीं, बल्कि उनमें से कुछ को दिखाना चाहते हैं। प्रोडक्ट मेटाफ़ील्ड सेक्शन में, अपने प्रोडक्ट हाइलाइट मेटाफ़ील्ड के बगल में मौजूद एंट्री फ़ील्ड पर क्लिक करें। अगर प्रोडक्ट हाइलाइट, मेटाफ़ील्ड सूची में नहीं है, तो सभी दिखाएं पर क्लिक करें।
एंट्री चुनें पर क्लिक करें। इस चरण में, आप वे एंट्री चुन रहे हैं जिन्हें आप इस विशेष प्रोडक्ट पर दिखाना चाहते हैं। अपने दो प्रोडक्ट हाइलाइट चुनें।
अपने प्रोडक्ट पेज पर वापस जाएं। कोई दूसरा प्रोडक्ट चुनें और प्रोडक्ट को दो अलग-अलग प्रोडक्ट हाइलाइट एंट्री असाइन करने के लिए पिछले चरण का पालन करें।
इसके बाद आप अपने ऑनलाइन स्टोर पर अपने मेटा-ऑब्जेक्ट प्रकाशित करेंगे।
पांचवां चरण: अपनी एंट्री को अपने ऑनलाइन स्टोर पर प्रकाशित करना
अब जब आपने अपनी एंट्री को अपने प्रोडक्ट से कनेक्ट कर दिया है, तो यह समय अपनी एंट्री को अपने स्टोर पर दिखाने का है। यह चरण उन ब्लॉक और सेक्शन को चुनने के लिए थीम एडिटर का उपयोग करता है जहां आपकी मेटा-ऑब्जेक्ट एंट्री लिंक की जाएंगी।
सेक्शन या ब्लॉक जोड़ने के बाद, आप बटन पर क्लिक करके एक मेटाफ़ील्ड चुन सकते हैं।
चरण:
अपने Shopify एडमिन से, ऑनलाइन स्टोर > थीम पर जाएं.
वह थीम ढूंढें जिसे आप एडिट करना चाहते हैं और फिर थीम एडिट करें पर क्लिक करें।
अपनी स्क्रीन के शीर्ष पर ड्रॉप-डाउन मेनू का उपयोग करके प्रोडक्ट > डिफ़ॉल्ट प्रोडक्ट चुनें। यह थीम एडिटर में डिफ़ॉल्ट प्रोडक्ट टेम्पलेट को लोड करता है।
साइडबार में सेक्शन जोड़ें पर क्लिक करें और नए सेक्शन प्रकार के रूप में मल्टीरो चुनें।
मल्टीरो सेक्शन की पहली पंक्ति पर क्लिक करें।
- पहले ब्लॉक की सेटिंग दाईं साइडबार में दिखाई देती हैं। अपने स्तंभ ब्लॉक में, आप मैन्युअल रूप से एक इमेज चुन सकते हैं, एक हेडिंग डाल सकते हैं, एक कैप्शन जोड़ सकते हैं और एक विवरण जोड़ सकते हैं। आप प्रत्येक अलग-अलग डेटा सोर्स आइकन पर भी क्लिक कर सकते हैं और ब्लॉक सेटिंग को अपनी इच्छित एंट्री से लिंक कर सकते हैं।
प्रोडक्ट हाइलाइट चुनने के लिए ब्लॉक नाम के बगल में डायनैमिक सोर्स कनेक्ट करें पर क्लिक करें। आपका थीम एडिटर आपके नए मल्टीरो ब्लॉक को आपकी प्रोडक्ट हाइलाइट एंट्री से भर देता है।
मल्टीरो सेक्शन में बाकी बचे ब्लॉक को कॉन्फ़िगर करें या उपयोग न किए गए ब्लॉक को हटा दें।
अपनी प्रोडक्ट हाइलाइट एंट्री प्रकाशित करने के लिए सहेजें पर क्लिक करें।
आपकी एंट्री केवल उन्हीं प्रोडक्ट पर दिखाई देती हैं जिनसे वे कनेक्ट हैं। अगर किसी प्रोडक्ट में कोई असाइन की गई एंट्री नहीं है, तो सेक्शन पूरी तरह से हटाए जाने के बजाय खाली छोड़ दिया जाता है, जिससे एक व्हाइटस्पेस बच जाता है। सटीक व्यवहार आपकी थीम और आपके द्वारा उपयोग किए जाने वाले सेक्शन के आधार पर अलग-अलग हो सकता है, इसलिए यह पुष्टि करने के लिए अपने टेम्पलेट का परीक्षण करें कि यह आपकी ज़रूरतों को पूरा करता है।
अगर प्रोडक्ट के लिए कोई एंट्री न होने पर सेक्शन आपकी इच्छानुसार प्रदर्शित नहीं होता है, तो एक नया प्रोडक्ट टेम्पलेट बनाने और उस टेम्पलेट को उन प्रोडक्ट को असाइन करने पर विचार करें जिनमें एंट्री हैं।