आपके ऑनलाइन स्टोर की थीम की समस्या हल करना
यह गाइड, आपके ऑनलाइन स्टोर की थीम से जुड़ी आम समस्याओं को हल करने में आपकी मदद करता है, जिनमें डिस्प्ले से जुड़ी समस्याएं, मिसिंग एलिमेंट और फ़ंक्शनैलिटी से जुड़ी समस्याएं शामिल हैं। किसी खास समस्या को हल करने के चरणों पर जाने से पहले, समस्या हल करने के सामान्य चरणों को पूरा करें। अगर इस गाइड का पालन करने के बाद भी आपको समस्याएं आ रही हैं, तो आप अपनी थीम की सहायता टीम से संपर्क कर सकते हैं।
चरण 1: सामान्य समस्या हल करना
अपनी थीम में समस्या का स्रोत पता लगाने के लिए इन चरणों को पूरा करें:
- पुष्टि करें कि समस्या आपके डिवाइस तक सीमित नहीं है: स्थानीय समस्याएं, आम तौर पर डिवाइस या ब्राउज़र सेटिंग या इंटरनेट कनेक्शन की समस्याओं के कारण होती हैं। नीचे दिए गए चरण आज़माएं:
- अपने ब्राउज़र का कैश और कुकीज़ साफ़ करें। अगर आपने अपने Shopify खाते से Shopify सहायता केंद्र में लॉग इन किया हुआ है, तो ब्राउज़र का कैश और कुकीज़ साफ़ करने पर आप अपने खाते से लॉग आउट हो जाएंगे।
- इन्कॉग्निटो मोड, कोई दूसरा डिवाइस या Shopify ऐप आज़माएं।
- मोबाइल डेटा या किसी दूसरे इंटरनेट कनेक्शन का उपयोग करके देखें।
- पुष्टि करें कि आपका ब्राउज़र अप-टू-डेट है।
- सत्यापित करें कि ब्राउज़र सभी कुकी को ब्लॉक करने के लिए सेट नहीं है, क्योंकि कुछ ऐप कुकी के बिना सही ढंग से दिखाई नहीं दे सकते।
- सत्यापित करें कि आप वर्चुअल प्राइवेट नेटवर्क (VPN) का उपयोग नहीं कर रहे हैं या आपके पास ऐसा फ़ायरवॉल सक्रिय नहीं है जो Shopify को ब्लॉक करता हो।
- किसी दूसरी थीम पर समस्या का परीक्षण करें: अगर आपको दूसरे डिवाइस, ब्राउज़र या इंटरनेट कनेक्शन पर भी यह समस्या आ रही है, तो यह कोई स्थानीय समस्या नहीं है और इसे दोहराया जा सकता है। विज़िट करें Theme Store और थीम का नया वर्शन इंस्टॉल करें और जांच करें कि क्या समस्या थीम के सबसे नए वर्शन पर अभी भी मौजूद है। एक अलग थीम इंस्टॉल करना, जैसे कि मुफ़्त Shopify थीम, भी एक अच्छा तरीका है, क्योंकि आप यह तय कर सकते हैं कि समस्या उस खास थीम की वजह से है या सभी थीम में एक ही समस्या आ रही है। दूसरी थीम की जांच करने के बाद:
- अगर समस्या सिर्फ़ आपकी मौजूदा थीम और थीम के अपडेट किए गए और बिना कस्टमाइज़ किए गए वर्शन पर ही मौजूद है, तो आपको अपनी थीम के लिए सहायता पाने की ज़रूरत पड़ सकती है।
- यदि आपकी समस्या केवल मौजूदा थीम में आ रही है, तो हो सकता है कि कोई थीम कोड समस्याएँ पैदा कर रहा हो। यदि आप जानते हैं कि कौन-सी थीम फ़ाइल बदली गई थी, या यदि आप प्रभावित फ़ाइल की पहचान कर सकते हैं, तो आप कोड एडिटर के टाइमलाइन व्यू में उस फ़ाइल का कोई उपलब्ध पिछला वर्शन रीस्टोर कर सकते हैं। पिछला वर्शन रीस्टोर करने से फ़ाइल की पूरी सामग्री बदल जाती है, इसलिए यदि आप कोई बदलाव रखना चाहते हैं, तो पहले मौजूदा फ़ाइल की सामग्री किसी सुरक्षित जगह पर कॉपी कर लें। यदि आपने थीम में कोड को संशोधित नहीं किया है, तो आपको अपनी थीम सेटिंग की समीक्षा करनी चाहिए। उदाहरण के लिए, यदि Add to Cart बटन दिखाई नहीं दे रहा है, तो अपनी थीम सेटिंग में बटन के रंग की समीक्षा करें और वेरिफ़ाई करें कि उनके रंग अलग-अलग और कॉन्ट्रास्टिंग हैं।
- अगर यह समस्या सभी थीम में मौजूद है, तो यह आपकी Shopify एडमिन सेटिंग, ऐप या अन्य समस्याओं के कारण हो सकती है।
- जांच करें कि समस्या किसी ऐप की वजह से तो नहीं है: अगर आपने हाल ही में कोई ऐसा ऐप इंस्टॉल या अपडेट किया है, जो आपके स्टोरफ़्रंट को प्रभावित करता है, तो आप उस ऐप को अस्थायी रूप से अनइंस्टॉल कर सकते हैं। अगर ऐप को अनइंस्टॉल करने के बाद समस्या मौजूद नहीं है, तो आप इसे अपने स्टोरफ़्रंट पर सही तरीके से प्रदर्शित करने में ज़्यादा सहायता के लिए ऐप डेवलपर की सहायता टीम से संपर्क कर सकते हैं। अपने ऐप से सहायता पाने के बारे में ज़्यादा जानें। अगर ऐप को अनइंस्टॉल करने के बाद भी समस्या बनी रहती है, तो ऐप समस्या का स्रोत नहीं है।
चरण 2: थीम समस्या चुनें
इमेज डिस्प्ले से जुड़ी समस्याओं का समाधान करें
इमेज आपकी उम्मीद से अलग तरीके से दिख सकती हैं, लेकिन ऐसा इसलिए हो सकता है क्योंकि इमेज खुद आपकी थीम में इमेज के उपयोग के साथ संगत नहीं है। सत्यापित करें कि आप जिस इमेज का उपयोग कर रहे हैं, उसमें इमेज के आयाम सही हैं। किसी असंगत इमेज को अपलोड करते समय होने वाली सामान्य प्रदर्शन समस्याओं की निम्नलिखित सूची की समीक्षा करें:
- अगर आपका हैडर बड़ा और आपकी लोगो इमेज आपकी उम्मीद से छोटी दिखाई देती है, तो यह लोगो इमेज फ़ाइल में व्हाइटस्पेस के कारण हो सकता है। लोगो इमेज फ़ाइल में व्हाइटस्पेस के कारण लोगो छोटा दिखाई दे सकता है और आपका हैडर व्हाइटस्पेस के कारण बड़ा दिखाई दे सकता है। यह सत्यापित करने के लिए इमेज फ़ाइल को संपादित करें कि यह लोगो के चारों ओर क्रॉप की गई है और कोई व्हाइटस्पेस नहीं है।
- अगर आपकी स्लाइड शो इमेज क्रॉप हो रही है, तो यह डिज़ाइन के अनुसार है, ताकि यह पक्का किया जा सके कि इमेज मोबाइल और डेस्कटॉप पर एक जैसी दिखें। चूंकि सामग्री मोबाइल स्क्रीन पर बहुत छोटी दिखाई देती है, इसलिए सामग्री को छोटा करने से बहुत सारे विवरण खो सकते हैं। इसके बजाय, यह पक्का करने के लिए सामग्री को क्रॉप किया जाता है कि विवरण खो न जाएं। एक पोर्ट्रेट इमेज, जो चौड़ी होने के बजाय लंबी होती है, डेस्कटॉप पर भी बहुत जगह ले सकती है। यही कारण है कि स्लाइड शो इमेज की ऊंचाई अधिकतम होती है। आप कर सकते हैं एक फ़ोकल पॉइंट जोड़ें अपनी स्लाइड शो इमेज में यह पक्का करने के लिए कि फ़ोकल पॉइंट हमेशा स्लाइड शो इमेज का केंद्र रहे।
अनुकूली ऊंचाई का विकल्प: कई Shopify थीम में स्लाइड शो के लिए एक अनुकूली ऊंचाई सेटिंग शामिल होती है जो स्लाइड शो की ऊंचाई को पहली इमेज स्लाइड से मिलाने के लिए एडजस्ट करती है, जिससे अलग-अलग स्क्रीन साइज़ में क्रॉपिंग कम हो जाती है। यह सुविधा Shoify द्वारा विकसित सभी मौजूदा समर्थित थीम में उपलब्ध है।
- अगर कोई GIF इमेज सही तरीके से दिखाई नहीं दे रही है और इसे रिच टेक्स्ट एडिटर के साथ आपके स्टोरफ़्रंट में जोड़ा गया है, जैसे कि उत्पाद के विवरण में या ब्लॉग पोस्ट में, तो यह इमेज के साइज़ के कारण हो सकता है। आप रिच टेक्स्ट एडिटर में GIF पर क्लिक करके और फिर इमेज संपादित करें पर क्लिक करके इसे ठीक कर सकते हैं। इमेज साइज़ ड्रॉपडाउन मेनू में, ओरिजनल चुनें। फिर आप इमेज के कोनों पर क्लिक करके और उन्हें अंदर की ओर खींचकर GIF का साइज़ बदल सकते हैं ताकि इसे छोटा किया जा सके या बाहर की ओर खींचकर इसे बड़ा किया जा सके।
- अगर आपकी ओरिजनल इमेज की तुलना में स्टोरफ़्रंट पर आपकी इमेज के रंग में काफ़ी बदलाव है, तो हो सकता है कि आपकी इमेज मानक रेड ग्रीन ब्लू (sRBG) रंगों में न हों। इस रंग परिवर्तन को ठीक करने के लिए, अपनी फ़ाइल को फ़ोटो संपादन ऐप्लिकेशन में sRBG के रूप में सेव करें। इसके लिए सामान्य शब्द "वेब ऑप्टिमाइज़ करें", "वेब के लिए इमेज एडजस्ट करें", या "वेब के लिए सेव करें" हैं। कलर प्रोफ़ाइल के बारे में ज़्यादा जानें।
- अगर आपके संग्रहण पेज पर आपकी प्रोडक्ट इमेज संरेखित नहीं हो रही हैं, तो आपको प्रोडक्ट इमेज फ़ाइलों में पहलू अनुपात को एडजस्ट करने की ज़रूरत हो सकती है ताकि वे समान ऊंचाई से चौड़ाई के अनुपात में हों और फिर प्रोडक्ट इमेज को फिर से अपलोड करें। आप Shopify App Store से इमेज संपादन ऐप का भी उपयोग कर सकते हैं।
प्रोडक्ट या संग्रहण के प्रदर्शन से जुड़ी समस्याओं का समाधान करें
अपनी विशिष्ट समस्या और समाधान में आपकी सहायता के लिए चरणों के लिए निम्नलिखित समस्याओं की समीक्षा करें:
- गायब प्रोडक्ट: अगर आपके प्रोडक्ट आपके स्टोरफ़्रंट से गायब हैं, तो आपको अपने Shopify एडमिन में अपने प्रोडक्ट के पब्लिशिंग सेक्शन में स्टेटस और अपने बिक्री चैनल की समीक्षा करनी पड़ सकती है। सत्यापित करें कि प्रोडक्ट का स्टेटस एक्टिव है और प्रोडक्ट ऑनलाइन स्टोर पर उपलब्ध है।
- गायब संग्रहण: अगर आपके संग्रहण आपके स्टोरफ़्रंट से गायब हैं, तो आपको अपने Shopify एडमिन में संग्रहण के पब्लिशिंग सेक्शन में बिक्री चैनल की समीक्षा करनी पड़ सकती है। सत्यापित करें कि संग्रहण ऑनलाइन स्टोर पर उपलब्ध है और आपका संग्रहण आपके मेनू में जोड़ा गया है।
- संग्रहण दिख रहे हैं लेकिन प्रोडक्ट गायब हैं: अगर आपके संग्रहण दिख रहे हैं लेकिन प्रोडक्ट गायब हैं, तो आपको अपनी मेनू सेटिंग में संग्रहण के लिए किसी भी टैग फ़िल्टर की समीक्षा करनी पड़ सकती है। सत्यापित करें कि टैग के साथ संग्रहण फ़िल्टर करें फ़ील्ड में कोई टैग नहीं है, जिससे प्रोडक्ट दिखाई न दे रहे हों।
- मुद्रा सही नहीं है: अगर आपके प्रोडक्ट या संग्रहण में आपकी मुद्रा सही तरीके से नहीं दिख रही है, तो आप सेटिंग > सामान्य में स्टोर की डिफ़ॉल्ट सेटिंग सेक्शन में मुद्रा डिस्प्ले की समीक्षा कर सकते हैं, ताकि यह सत्यापित किया जा सके कि कोई अतिरिक्त कोड नहीं है। ग्राहकों को मुद्रा कैसे दिखाई देती है, इसे फ़ॉर्मेट करने के बारे में ज़्यादा जानें।
- कुछ प्रोडक्ट अलग तरह से दिखते हैं: अगर कुछ प्रोडक्ट या संग्रहण दूसरों से अलग दिख रहे हैं, तो अपने Shopify एडमिन में प्रोडक्ट या संग्रहण को असाइन किए गए थीम टेम्पलेट की समीक्षा करें।
- प्रोडक्ट या कलेक्शन टेम्पलेट को संपादित नहीं किया जा सकता: यदि डिफ़ॉल्ट प्रोडक्ट या कलेक्शन टेम्पलेट थीम एडिटर में धुंधले (ग्रे) हैं और उन्हें चुना नहीं जा सकता है, तो आपको कम से कम 1 प्रोडक्ट या कलेक्शन को ऑनलाइन स्टोर बिक्री चैनल पर उपलब्ध कराना होगा। आप बदलावों का पूर्वावलोकन करने के लिए प्रोडक्ट या कलेक्शन के उपलब्ध हुए बिना, इन डिफ़ॉल्ट टेम्पलेट को संपादित नहीं कर सकते हैं। कलेक्शन की उपलब्धता बदलने और अपने बिक्री चैनलों में प्रोडक्ट की उपलब्धता सेट करने के बारे में ज़्यादा जानें।
अनुवादित सामग्री के प्रदर्शन संबंधी समस्याओं का समाधान करें
अगर आपकी अनुवादित सामग्री सही ढंग से प्रदर्शित नहीं होती है या आपके स्टोरफ़्रंट से गायब है, तो सामग्री के लिए आउटडेटेड अनुवाद या गायब अनुवाद हो सकते हैं। सामग्री किसी बाज़ार के लिए एक विशिष्ट टेम्पलेट में भी हो सकती है। जब भी आप अपनी डिफ़ॉल्ट भाषा में कोई नई सामग्री जोड़ते हैं, तो स्वचालित अनुवाद फिर से चलाना याद रखें, या मैन्युअल रूप से नए अनुवाद जोड़ें।
अनुवादित सामग्री पर निम्नलिखित स्टेटस लागू हो सकते हैं:
- अनुवादित: सामग्री का अनुवाद उपलब्ध है।
- आउटडेटेड: डिफ़ॉल्ट भाषा में सामग्री अपडेट कर दी गई है, लेकिन अनुवाद में कोई अपडेट नहीं दिखता है।
- अनुवाद नहीं किया गया: इस सामग्री प्रकार के लिए कोई अनुवाद नहीं है।
अपनी अनुवादित सामग्री की समीक्षा करते समय, किसी भी बिना अनुवादित या आउटडेटेड सामग्री को अपडेट करें और फिर आपकी अनुवादित सामग्री सही ढंग से दिखाई देगी।
अपने स्टोर का अनुवाद और स्थानीयकरण करने के बारे में ज़्यादा जानें।
थीम एडिटर और स्टोरफ़्रंट के अंतरों से जुड़ी समस्याओं का समाधान करें
अगर आपका स्टोरफ़्रंट और आपका थीम एडिटर एक जैसी जानकारी नहीं दिखाते हैं, तो आप जिस थीम टेम्पलेट को एडिट कर रहे हैं उसकी समीक्षा करें। सही जानकारी दिखाने के लिए, आपको अपने थीम टेम्पलेट में बदलाव करने की ज़रूरत पड़ सकती है।
मार्केट ओवरराइड आपको अलग-अलग मार्केट के लिए अलग-अलग स्टोरफ़्रंट बनाने और अनुवादित सामग्री दिखाने की सुविधा देते हैं। हो सकता है कि अपडेट करते समय आपने अनजाने में किसी खास मार्केट या B2B में काम किया हो। अपने थीम एडिटर में मार्केट ड्रॉप-डाउन मेनू से सामग्री का पता लगाएं, ताकि यह पक्का हो सके कि वह सही मार्केट में है।
मार्केट ओवरराइड के बारे में ज़्यादा जानें.
मोबाइल और डेस्कटॉप डिस्प्ले के अंतरों को ठीक करना
Shopify थीम स्टोर में उपलब्ध सभी थीम रेस्पॉन्सिव थीम होती हैं, जिसका मतलब है कि थीम स्क्रीन के साइज़ के हिसाब से एडजस्ट हो जाती है। थीम एडिटर में, आप थीम एडिटिंग के दौरान स्क्रीन साइज़ व्यू को स्विच कर सकते हैं, ताकि यह वेरिफ़ाई किया जा सके कि आपके पेज और इमेज सही ढंग से डिस्प्ले हो रहे हैं। थीम एडिटर में अलग-अलग स्क्रीन साइज़ देखने के बारे में ज़्यादा जानें।
कई सेक्शन और ब्लॉक में मोबाइल सेटिंग होती हैं जिन्हें आप कस्टमाइज़ कर सकते हैं। उदाहरण के लिए, आप संबंधित प्रोडक्ट सेक्शन में मोबाइल पर स्तंभों की संख्या सेट कर सकते हैं। मोबाइल स्क्रीन साइज़ पर किसी भी डिस्प्ले समस्या को ठीक करने के लिए, आप हर टेम्पलेट के लिए मोबाइल से संबंधित सेक्शन सेटिंग की समीक्षा कर सकते हैं।
यह पक्का करने के लिए कि थीम सभी स्क्रीन साइज़ पर एक्सेसिबल है, कुछ थीम सुविधाएं मोबाइल पर डेस्कटॉप की तुलना में अलग तरह से दिख सकती हैं। उदाहरण के लिए, डेस्कटॉप स्क्रीन साइज़ पर, आपके स्लाइड शो में टेक्स्ट ओवरले हो सकता है, जहां टेक्स्ट इमेज के ऊपर दिखाई देता है, जिसमें अक्सर इमेज के रंग की ओपेसिटी या टेक्स्ट शैडो होती है। हालांकि, मोबाइल स्क्रीन साइज़ पर टेक्स्ट स्लाइड शो के नीचे दिख सकता है। यह डिज़ाइन के अनुसार एक एक्सेसिबिलिटी सुविधा है, ताकि टेक्स्ट किसी भी स्क्रीन साइज़ पर पढ़ा जा सके। अगर टेक्स्ट इसके बजाय ओवरले होता, तो यह मोबाइल पर बहुत छोटा दिखता, जिससे इसे पढ़ना मुश्किल हो जाता।
अगर मोबाइल पर अपना स्टोरफ़्रंट देखते समय आपका विशेष संग्रह सेक्शन या कलेक्शन पेज असंगत साइज़ दिखाते हैं या अलाइन नहीं हो रहे हैं, तो यह असंगत आस्पेक्ट रेशियो के कारण हो सकता है। इमेज ग्रिड, जैसे कि किसी कलेक्शन या विशेष संग्रह में दिखने वाली प्रोडक्ट इमेज, स्क्रीन साइज़ के लिए रेस्पॉन्सिव होने के लिए बनाए जाते हैं। अगर इमेज ग्रिड के भीतर आपकी इमेज का आस्पेक्ट रेशियो असंगत है, तो वे स्क्रीन साइज़ के आधार पर अलग तरह से दिख सकती हैं। 2048 px गुणा 2048 px की स्क्वायर प्रोडक्ट इमेज आमतौर पर प्रोडक्ट ग्रिड में सबसे अच्छा काम करती हैं। सभी स्क्रीन साइज़ पर ऑप्टिमाइज़ेशन के लिए, अपनी इमेज को एक समान आस्पेक्ट रेशियो में अपडेट करें। इमेज आस्पेक्ट रेशियो के बारे में ज़्यादा जानें।
रिच टेक्स्ट एडिटर की समस्याओं को ठीक करना
कभी-कभी आपके रिच टेक्स्ट एडिटर में जोड़ा गया HTML कोड आपकी थीम के कोड से टकराता है। अगर समस्या किसी एक पेज पर है, जैसे कि प्रोडक्ट पेज, पेज या ब्लॉग पोस्ट, तो यह अतिरिक्त HTML के कारण हो सकता है। यह कभी-कभी किसी दूसरी साइट से टेक्स्ट कॉपी और पेस्ट करने से जोड़ा जा सकता है।
HTML कोड की समीक्षा करें
आप रिच टेक्स्ट एडिटर में HTML कोड की समीक्षा कर सकते हैं।
चरण:
- अपने एडमिन में पेज पर नेविगेट करें।
- HTML कोड की समीक्षा करने के लिए
HTML दिखाएं बटन पर क्लिक करें।
- डिस्प्ले संबंधी समस्याएं पैदा करने वाले किसी भी HTML कोड का पता लगाएं और उसे हटा दें।
- सेव करें पर क्लिक करें।
फ़ॉर्मेटिंग साफ़ करें
आप टेक्स्ट के एक हिस्से को हाइलाइट कर सकते हैं और HTML फ़ॉर्मेटिंग को साफ़ कर सकते हैं।
चरण:
- अपने एडमिन में पेज पर नेविगेट करें।
- फ़ॉर्मेटिंग समस्याओं वाले टेक्स्ट को हाइलाइट करें।
- 🚫 बटन पर क्लिक करें।
- सेव करें पर क्लिक करें।
रिच टेक्स्ट एडिटर के बारे में ज़्यादा जानें।
असमर्थित URL पर रीडायरेक्ट की समस्या को ठीक करना
अगर आपके स्टोरफ़्रंट में ऐसा कोड शामिल है जो उपयोगकर्ताओं को उन URL पर रीडायरेक्ट करता है जो आपके स्टोर से कनेक्ट नहीं हैं, तो वेरिफ़ाई करें कि थीम एडिटर पर विज़िट करने पर रीडायरेक्ट डीएक्टिवेट कर दिया गया है।
उदाहरण के लिए, इस तरह का रीडायरेक्ट ग्राहकों को उनके लोकेशन के आधार पर अलग-अलग Shopify स्टोर पर भेजने के लिए स्टोरफ़्रंट में जोड़ा जा सकता है। इस तरह का रीडायरेक्ट कोड आपकी थीम में या आपके द्वारा इंस्टॉल किए गए किसी ऐप में मौजूद हो सकता है।
यह वेरिफ़ाई करने के लिए कि आपका रीडायरेक्ट एडिटर अनुभव में हस्तक्षेप नहीं करता है, जब आप थीम एडिटर पर जाते हैं तो रीडायरेक्ट को डीएक्टिवेट करने के लिए JavaScript में window.Shopify.designMode वैरिएबल के संदर्भ का उपयोग करें। यह वैरिएबल true पर सेट होता है जब स्टोरफ़्रंट एडिटर में लोड होता है, और false जब यह नहीं होता है।
थीम ब्लॉक में डायनैमिक सामग्री की समस्या को ठीक करना
अगर आपके पास कोलैप्सिबल ब्लॉक या अन्य थीम ब्लॉक हैं जो सभी प्रोडक्ट पेज पर एक ही सामग्री दिखा रहे हैं, तो आपको मेटाफ़ील्ड के साथ डायनैमिक सोर्स सेट करने की ज़रूरत है। ऐसा आमतौर पर तब होता है जब मर्चेंट एक प्रोडक्ट में प्रोडक्ट-विशिष्ट जानकारी जैसे सामग्री या देखभाल संबंधी निर्देश जोड़ते हैं, लेकिन यह सभी प्रोडक्ट पर दिखाई देती है।
कोलैप्सिबल ब्लॉक सभी प्रोडक्ट पर एक ही टेक्स्ट दिखाते हैं
जब आप अपने थीम एडिटर में सीधे किसी कोलैप्सेबल ब्लॉक में सामग्री जोड़ते हैं, तो वह सामग्री सभी प्रोडक्ट पेज पर प्रदर्शित होती है। प्रोडक्ट-विशिष्ट सामग्री प्रदर्शित करने के लिए, आपको मेटाफ़ील्ड के साथ डायनैमिक सोर्स का उपयोग करना होगा:
- अपने Shopify एडमिन में, सेटिंग > मेटाफ़ील्ड > प्रोडक्ट पर जाएं।
- परिभाषा जोड़ें पर क्लिक करें।
- अपने मेटाफ़ील्ड के लिए एक नाम डालें, फिर सामग्री का प्रकार चुनें पर क्लिक करें।
- टेक्स्ट और मल्टी-लाइन टेक्स्ट चुनें।
- सेव करें पर क्लिक करें।
- अपने एडमिन में किसी प्रोडक्ट पेज पर जाएं और पेज के नीचे मेटाफ़ील्ड सेक्शन तक स्क्रॉल करें।
- अपनी प्रोडक्ट-विशिष्ट सामग्री को आपके द्वारा बनाए गए मेटाफ़ील्ड में जोड़ें।
- अपने थीम एडिटर में, प्रोडक्ट टेम्पलेट पर जाएं और अपना कोलैप्सिबल रो सेक्शन ढूंढें।
- रो सामग्री सेटिंग में,
बटन पर क्लिक करें।
- उपलब्ध विकल्पों में से अपना मेटाफ़ील्ड चुनें।
- अपने बदलाव सेव करें।
अब जब मेटाफ़ील्ड भरा होगा तो हर प्रोडक्ट अपनी सामग्री दिखाएगा, और अगर उस प्रोडक्ट के लिए मेटाफ़ील्ड खाली है तो कोई सामग्री नहीं दिखेगी।
अपने ऑनलाइन स्टोर पर मेटाफ़ील्ड दिखाने और डायनैमिक सोर्स के साथ मेटाफ़ील्ड और मेटा-ऑब्जेक्ट का उपयोग करने के बारे में ज़्यादा जानें।
कोड गड़बड़ी संदेशों की समस्या को ठीक करना
अगर आपकी थीम के कोड में सिंटैक्स की गड़बड़ी है, तो आपके थीम एडिटर में HTML गड़बड़ी मिली या थीम गड़बड़ी का चेतावनी संदेश दिखाई देता है। गड़बड़ी का संदेश उस Liquid फ़ाइल को दिखाता है जिसमें गड़बड़ी है।
जब कोई टूटा हुआ HTML होता है, तो आप जिस थीम की तलाश कर रहे हैं, वह नहीं मिल सकी चेतावनी संदेश दिख सकता है। थीम एडिटर में कोई पेज कई कारणों से लोड होने में विफल हो सकता है, जैसे कि निम्नलिखित कारण:
- नेटवर्क कनेक्शन की समस्याएं
- आपकी थीम में अमान्य Liquid कोड
आप अपने थीम कोड में हुए बदलावों का पता लगा सकते हैं और कोड को सही कर सकते हैं। यदि आप प्रभावित मौजूदा फ़ाइल की पहचान कर सकते हैं, तो आप कोड एडिटर के टाइमलाइन व्यू में इसे किसी उपलब्ध पिछले वर्शन पर रीस्टोर कर सकते हैं।
चरण:
- गड़बड़ी संदेश में लिंक की गई
.liquidसेक्शन फ़ाइल पर क्लिक करें या हाल के बदलावों के लिए फ़ाइलों की समीक्षा करें। यह आपको HTML/कैस्केडिंग स्टाइल शीट्स (CSS) संपादित करें पेज पर ले जाता है, और फ़ाइल कोड एडिटर में खुल जाती है। - फ़ाइल में कोड को ब्राउज़ करें और अमान्य HTML या Liquid को ढूंढने की कोशिश करें। कोड एडिटर संभावित सिंटैक्स गड़बड़ियों को लाल रंग में दिखाता है। आम समस्याओं में ये शामिल हैं:
- अतिरिक्त क्लोजिंग HTML टैग, उदाहरण के लिए, ओपनिंग
<div>के बिना क्लोजिंग</div> - अतिरिक्त अनक्लोज्ड HTML टैग, उदाहरण के लिए, क्लोजिंग
</div>के बिना ओपनिंग<div> - खराब फॉर्मेट वाले HTML टैग, उदाहरण के लिए,
>के बिना<div class="my-class" - खराब फॉर्मेट वाला Liquid कोड
- शामिल की गई थीम स्निपेट फ़ाइल में खराब HTML
- अतिरिक्त क्लोजिंग HTML टैग, उदाहरण के लिए, ओपनिंग
- समस्या मिलने के बाद, अपनी थीम फ़ाइल में कोड को सही करें। यदि आप कोड एडिटर के टाइमलाइन व्यू का उपयोग करके कोई पिछला वर्शन चुनते हैं और सामग्री रीस्टोर करें का चयन करते हैं, तो फ़ाइल की पूरी सामग्री बदल जाती है। यदि आप कोई बदलाव रखना चाहते हैं, तो पहले मौजूदा फ़ाइल की सामग्री किसी सुरक्षित जगह पर कॉपी कर लें।
- सेव करें पर क्लिक करें।
- थीम एडिटर पर लौटने के लिए थीम एडिट करें पर क्लिक करें और पुष्टि करें कि गड़बड़ी का मैसेज चला गया है।
- यह वेरिफ़ाई करने के लिए अपने स्टोरफ़्रंट पर नेविगेट करें कि वह उम्मीद के मुताबिक दिखाई दे रहा है।
"Exceeded maximum number of unique handles" गड़बड़ी
अगर आपके होमपेज पर "Exceeded maximum number of unique handles for all_products" जैसा Liquid गड़बड़ी का मैसेज दिखाई देता है, तो इसका मतलब आम तौर पर यह है कि आपने अपने होमपेज पर बहुत ज़्यादा फ़ीचर्ड प्रोडक्ट सेक्शन जोड़ दिए हैं (आमतौर पर ज़्यादातर थीम में 20 से ज़्यादा सेक्शन)।
इसे हल करने के लिए:
- अपने Shopify एडमिन में, ऑनलाइन स्टोर > थीम पर जाएं।
- अपनी मौजूदा थीम ढूंढें और थीम एडिट करें पर क्लिक करें।
- अपने होमपेज पर नेविगेट करें।
- थीम की सीमाओं में रहने के लिए कुछ फ़ीचर्ड प्रोडक्ट सेक्शन हटाएं।
- इसके बजाय, विशेष संग्रह सेक्शन का उपयोग करने पर विचार करें, जो कई प्रोडक्ट को ज़्यादा कुशलता से दिखा सकते हैं और आपके स्टोर की परफ़ॉर्मेंस को बेहतर बना सकते हैं।
फूटर में पेमेंट आइकन के न दिखने की समस्या को हल करना
ग्राहकों को यह दिखाने के लिए कि आप कौनसे पेमेंट मेथड स्वीकार करते हैं, पेमेंट आइकन आम तौर पर ज़्यादातर थीम के फूटर में डिफ़ॉल्ट रूप से शामिल होते हैं। अगर आपकी थीम के फूटर में पेमेंट आइकन दिखाई नहीं दे रहे हैं, तो आप निम्नलिखित की जांच कर सकते हैं:
- अपने थीम एडिटर में, फूटर सेक्शन पर नेविगेट करें और वेरीफाई करें कि पेमेंट आइकन दिखाएं सेटिंग एक्टिवेट है।
- अपने Shopify एडमिन में, सेटिंग > पेमेंट पर जाएं और वेरीफाई करें कि कम से कम एक सक्रिय पेमेंट मेथड है। कुछ पेमेंट मेथड के आइकन दिखने से पहले उनके लिए अकाउंट सेटअप पूरा करना ज़रूरी हो सकता है।
- यदि आप थर्ड-पार्टी पेमेंट गेटवे का उपयोग कर रहे हैं, तो प्लेटफ़ॉर्म की सीमाओं के कारण पेमेंट आइकन प्रदर्शित नहीं हो सकते हैं।
अगर आपने इन सेटिंग को वेरीफाई कर लिया है और पेमेंट आइकन अभी भी दिखाई नहीं दे रहे हैं, तो आपको अपनी थीम के लिए सहायता पाने की ज़रूरत पड़ सकती है।
चरण 3: सहायता टीम से संपर्क करें
इस गाइड में समस्या हल करने के चरणों को पूरा करने के बाद भी अगर आपको अपनी थीम में समस्याएं आ रही हैं, तो आप अपनी थीम के लिए सहायता पा सकते हैं।