अपने ऑनलाइन स्टोर में ड्रॉप-डाउन मेनू सेटअप करें

आप प्रोडक्ट, संग्रहण या पेज को एक साथ ग्रुप करने और ग्राहकों के लिए अपने ऑनलाइन स्टोर को नेविगेट करना आसान बनाने के लिए ड्रॉप-डाउन मेनू का उपयोग कर सकते हैं। उदाहरण के लिए, अगर आपके पास बहुत सारे प्रोडक्ट हैं, तो आप उन्हें संग्रहण में जोड़ना और फिर संग्रहण को व्यवस्थित करने के लिए मुख्य मेनू से ड्रॉप-डाउन मेनू का उपयोग करना चाह सकते हैं। इससे ग्राहकों को उस तरह के प्रोडक्ट को खोजने में मदद मिल सकती है जिनकी वे तलाश कर रहे हैं।

आप ड्रॉप-डाउन मेनू या अपने डिफ़ॉल्ट मेनू में मेनू आइटम जोड़, हटा या एडिट भी कर सकते हैं।

आप अपने Shopify एडमिन में कंटेंट > मेनू से अपने ऑनलाइन स्टोर मेनू देख और बदल सकते हैं।

ड्रॉप-डाउन मेनू बनाने के लिए मेनू आइटम को नेस्ट करना

आप मेनू आइटम बनाकर या उन्हें मूव करके ड्रॉप-डाउन मेनू बना सकते हैं, ताकि वे टॉप-लेवल आइटम के नीचे नेस्ट हो जाएं। टॉप-लेवल आइटम आपके ऑनलाइन स्टोर के मुख्य मेनू में दिखाई देता है और नेस्ट किए गए मेनू आइटम एक ड्रॉप-डाउन मेनू में दिखाई देते हैं। टॉप-लेवल आइटम में नेस्टेड ड्रॉप-डाउन मेनू के दो लेवल तक हो सकते हैं।

सभी थीम, मुख्य मेनू से नेस्ट किए गए आइटम को ड्रॉप-डाउन मेनू के रूप में दिखाएंगी और कुछ थीम, नेस्ट किए गए आइटम को अन्य लोकेशन पर ड्रॉप-डाउन मेनू के रूप में दिखाएंगी।

आपकी थीम के आधार पर, मुख्य मेनू और ड्रॉप-डाउन मेनू आपके ऑनलाइन स्टोर में अलग-अलग लोकेशन पर दिखाई देते हैं। कुछ थीम, मुख्य मेनू में ड्रॉप-डाउन मेनू के नाम के बगल में एक आइकन दिखाती हैं, ताकि ग्राहकों को यह पहचानने में मदद मिल सके कि वहां एक ड्रॉप-डाउन मेनू मौजूद है।

मुख्य मेनू से ड्रॉप-डाउन मेनू जोड़ें

आप मुख्य मेनू में किसी भी मेनू आइटम से एक ड्रॉप-डाउन मेनू जोड़ सकते हैं।

चरण:

फ़ुटर मेनू इंटीग्रेशन

ड्रॉप-डाउन मेनू को फ़ुटर मेनू में भी लागू किया जा सकता है।

चरण:

1. अपने Shopify एडमिन से, कंटेंट > मेनू पर जाएं।
2. वैकल्पिक: मुख्य मेनू के लिए इस्तेमाल होने वाले नेस्टिंग के सिद्धांतों का पालन करें, जैसे पर क्लिक करके और आइटम को उनकी जगह पर ड्रैग करके ड्रॉप-डाउन संरचना बनाने के लिए मेनू आइटम को हैडर आइटम के नीचे ड्रैग करें।
3. उन हैडर आइटम के लिए जो किसी पेज से लिंक नहीं होने चाहिए (उदाहरण के लिए, "सहायता" या "अन्वेषण करें" हैडर), उनके लिंक फ़ील्ड में # डालें।

थीम कम्पैटिबिलिटी संबंधी विचार

अपनी थीम में ड्रॉप-डाउन मेनू जोड़ने के लिए, नीचे दी गई बातों की समीक्षा करें:

• ज़्यादातर थीम, नेस्टेड ड्रॉप-डाउन मेनू के दो लेवल तक सपोर्ट करती हैं। कम्पैटिबिलिटी की पुष्टि करने के लिए अपने थीम के दस्तावेज़ देखें या नेस्टेड आइटम को टेस्ट करें।
• मोबाइल पर उपयोगिता बेहतर बनाने के लिए, कुछ थीम में CSS एडजस्टमेंट की ज़रूरत पड़ सकती है। अगर आप थीम कोड से परिचित नहीं हैं, तो अपनी थीम कस्टमाइज़ न करें। अपनी थीम को कस्टमाइज़ करने के बारे में ज़्यादा जानें।

यह पता करना कि आपकी थीम, नेस्टेड ड्रॉप-डाउन मेनू को सपोर्ट करती है या नहीं

यह पता करने के लिए कि आपकी मौजूदा थीम, नेस्टेड ड्रॉप-डाउन मेनू के उतने अधिकतम लेवल को सपोर्ट करती है या नहीं जितने आप लागू करना चाहते हैं, आप नीचे दिए गए संसाधनों का उपयोग कर सकते हैं:

1. अपनी थीम के दस्तावेज़ देखें: मेनू की क्षमताओं और सपोर्ट किए जाने वाले नेस्टिंग लेवल के बारे में खास जानकारी के लिए थीम के दस्तावेज़ों की समीक्षा करें।
2. नेस्टेड आइटम को टेस्ट करें: अपने मनचाहे नेस्टेड लेवल की संख्या के साथ एक टेस्ट मेनू संरचना बनाएं और पुष्टि करें कि यह डेस्कटॉप और मोबाइल डिवाइस दोनों पर सही तरीके से दिखाई देती है।

ज़्यादातर थीम, नेस्टेड ड्रॉप-डाउन मेनू के दो लेवल तक सपोर्ट करती हैं। अगर आपको ड्रॉप-डाउन मेनू से जुड़ी समस्याएं आ रही हैं, तो पुष्टि करें कि आपकी थीम उतने नेस्टेड लेवल को सपोर्ट करती है, जितने आप लागू करने की कोशिश कर रहे हैं, क्योंकि कुछ थीम को नेस्टिंग के कई लेवल को सपोर्ट करने के लिए अतिरिक्त कस्टमाइज़ेशन की ज़रूरत पड़ सकती है।

ड्रॉप-डाउन मेनू के लिए सर्वोत्तम कार्यप्रणालियां

एक उपयोगी मेनू संरचना बनाने के लिए, जो सभी डिवाइस पर अच्छी तरह से काम करे, नीचे दी गई सर्वोत्तम कार्यप्रणालियों की समीक्षा करें:

• # लिंक वाले टॉप-लेवल मेनू आइटम के लिए, "कैटेगरी के अनुसार खरीदारी करें" जैसे वर्णनात्मक लेबल का उपयोग करें।
• पक्का करें कि मेनू, मोबाइल डिवाइस के लिए ऑप्टिमाइज़ किए गए हैं। आप मोबाइल डिवाइस पर मेनू को टेस्ट करके यह पुष्टि कर सकते हैं कि ड्रॉप-डाउन मेनू उम्मीद के मुताबिक बड़े होते हैं या नहीं।
• ज़्यादा भीड़-भाड़ से बचने के लिए, सात या उससे कम टॉप-लेवल मेनू आइटम जोड़ें।
• स्पष्ट और वर्णनात्मक लिंक टाइटल का उपयोग करें। उदाहरण के लिए, "संग्रहण" और "गर्मियों की ड्रेस"।
• हर मेनू में 10,000 आइटम तक हो सकते हैं और आपके स्टोर में कुल 1,000 मेनू तक हो सकते हैं। ड्रॉप-डाउन मेनू में सब-आइटम वाला कोई भी मेनू आइटम, इस सीमा के लिए एक अलग मेनू के रूप में गिना जाता है।

ड्रॉप-डाउन मेनू एक्सेसिबिलिटी

ज़्यादातर थीम, ड्रॉप-डाउन मेनू हैडर को क्लिक किए जा सकने वाले लिंक के बजाय बटन के रूप में लागू करती हैं। यह एक जान-बूझकर किया गया एक्सेसिबिलिटी डिज़ाइन है, जो सहायक तकनीक का उपयोग करने वाले ग्राहकों को नेविगेशन संरचना को समझने में मदद करता है।

जब कोई टॉप-लेवल मेनू आइटम, ड्रॉप-डाउन सबमेनू को नियंत्रित करता है, तो यह नए पेज के लिंक के बजाय मेनू को बड़ा करने वाले बटन के रूप में काम करता है। यह तरीका यह पक्का करता है कि स्क्रीन रीडर या अन्य सहायक डिवाइस का उपयोग करने वाले ग्राहक आपके स्टोर के मेनू सिस्टम को ठीक से नेविगेट कर सकते हैं।

अगर आप चाहते हैं कि ग्राहक किसी मुख्य कैटेगरी पेज (जैसे "सभी प्रोडक्ट" या "सभी संग्रहण") को एक्सेस करें, तो हैडर को क्लिक करने लायक बनाने के बजाय इसे ड्रॉप-डाउन मेनू में ही पहले आइटम के रूप में जोड़ें।

आम समस्याओं का समाधान करना

नेविगेशन मेनू सेट करते समय आपको आने वाली आम समस्याओं के लिए नीचे दिए गए समाधानों की समीक्षा करें:

• मोबाइल मेनू रीडायरेक्ट: अगर टॉप-लेवल मेनू लिंक, उस पर टैप करने पर किसी नए पेज पर रीडायरेक्ट होता है, तो यह पुष्टि करने के लिए अपने Shopify एडमिन में मेनू देखें कि मेनू लिंक फ़ील्ड # है।

• दृश्यता संबंधी समस्याएं: अगर नेस्टेड आइटम दिखाई नहीं देते हैं, तो पक्का करें कि उन्हें पूरी तरह से हैडर आइटम के नीचे ड्रैग किया गया है और मेनू इंटरफ़ेस में इंडेंट किया गया है। पुष्टि करें कि आपकी थीम आपके द्वारा सेट किए गए नेस्टेड लेवल की संख्या को सपोर्ट करती है।

• थीम कम्पैटिबिलिटी: अगर आपको ड्रॉप-डाउन मेनू से जुड़ी समस्याएं आ रही हैं, तो पुष्टि करें कि आपकी थीम उतने नेस्टेड लेवल को सपोर्ट करती है जितने आप लागू करने की कोशिश कर रहे हैं। कुछ थीम को नेस्टिंग के कई लेवल को सपोर्ट करने के लिए अतिरिक्त कस्टमाइज़ेशन की ज़रूरत पड़ सकती है।

• नेस्टेड मेनू बनाना ब्लॉक किया गया: अगर आपको "मेनू में नेस्टेड मेनू नहीं हो सकते। इसका उपयोग करने के लिए नेस्टेड नेविगेशन सुविधा के लिए ऑप्ट इन करें" गड़बड़ी मिलती है, तो आपके स्टोर में नेस्टेड नेविगेशन सुविधा को एक्टिवेट करने की ज़रूरत पड़ सकती है। यह आमतौर पर 2018 से पहले बनाए गए स्टोर को प्रभावित करता है। अगर आपको यह गड़बड़ी मिलती है, तो Shopify समर्थन से संपर्क करें।

• गलत मेनू दिखाई दे रहा है: अगर आपके पास एक ही पेज (जैसे कि आपका होम पेज) पर इंगित करने वाले कई नेविगेशन लिंक हैं, तो आपकी थीम गलत सबमेनू दिखा सकती है। भ्रम से बचने के लिए, पक्का करें कि हर नेविगेशन सेक्शन एक अनोखे पेज से लिंक हो।

• मेनू आइटम गायब हो रहे हैं: अगर मेनू लिंक बिना हटाए गायब हो जाते हैं, तो जांचें कि क्या आपने उन प्रोडक्ट, संग्रहण या पेजों को हटा दिया है जिनसे मेनू आइटम लिंक किए गए थे। लिंक किए गए संसाधन को हटाने से मेनू आइटम भी हट जाता है।

ड्रॉप-डाउन मेनू के लिए थीम कोड को कस्टमाइज़ करना

गहन कस्टमाइज़ेशन की ज़रूरत वाली थीम के लिए, आप अपने थीम कोड को कस्टमाइज़ करने पर विचार कर सकते हैं।