Brooklyn संबंधी युक्तियां

यह लेख कुछ उपयोगी संकेत और सबसे अच्छी प्रक्रियाओं को रेखांकित करता है जो आपको अपने ऑनलाइन स्टोर के लिए Brooklyn सेट करने में सहायता कर सकते हैं.

नेविगेशन संबंधी युक्तियां

एक ड्रॉप डाउन मेन्यू जोड़ें

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

एक ऑनलाइन स्टोर का मुख्य मेनू. माउस

मुख्य मेन्यू साइडबार मेन्यू बन जाता है

अगर आपका मुख्य मेन्यू बहुत सारी जगह घेरता है, तो हेडर सेक्शन में दिए गए बटन पर क्लिक करने से यह मेन्यू साइडबार मेन्यू में परिवर्तित हो जाता है:

ऑनलाइन स्टोर के बाईं ओर एक साइडबार मेनू है. मुख्य मेनू लिंक जैसे

आप आगे दिए कदम उठाकर अपने मुख्य मेन्यू को साइडबार शैली में परिवर्तित होने से रोक सकते हैं:

  • अपने मुख्य मेन्यू में चार या पांच से अधिक लिंक न जोड़ें.
  • अपने मुख्य मेनू लिंक के लिए छोटे फ़ॉन्ट का उपयोग करें. आप टाइपोग्राफ़ी सेटिंग से एक्सेंट टेक्स्ट फ़ॉन्ट परिवर्तित कर सकते हैं.
  • ऐसे मेन्यू आइटम बनाएं जिनमें सीमित वर्ण हों. उदाहरण के लिए, आप "अक्सर पूछे जाने वाले प्रश्न" के बजाय "FAQ" का, या फिर "हमसे संपर्क करें" के बजाय "संपर्क करें" का उपयोग कर सकते हैं.

इमेज संबंधी युक्तियां

Brooklyn के लिए उत्पाद इमेज के सबसे अच्छे प्रकार

  • क्योंकि उच्च रिज़ॉल्यूशन की इमेज पॉलिश और पेशेवर दिखती हैं, इसलिए आपके उत्पाद की इमेज कम से कम 1024 x 1024 px होनी चाहिए. आपके उत्पाद की इमेज के लिए सबसे अच्छा आकार वर्गाकार है.

  • आदर्श रूप से, आपकी इमेज की पृष्ठभूमि सपाट रंग की होनी चाहिए. सपाट रंग ऐसा ठोस रंग होता है जिसमें कोई छायांकन या हाइलाइट नहीं होता. आपकी सभी इमेज की पृष्ठभूमि का रंग एक ही होना चाहिए.

  • अपने उत्पाद इमेज के आस-पास से फ़्रेम हटाने के लिए, अपने उत्पाद की पृष्ठभूमि रंग को रंग सेटिंग से पारदर्शी पर सेट करें:

दो उत्पाद सूचियां सफ़ेद पृष्ठभूमि में दिखाई गई हैं. ऑनलाइन स्टोर की पृष्ठभूमि भी सफ़ेद है, और उत्पाद की इमेज के चारों ओर कोई फ़्रेम नहीं है.

स्लाइड शो की इमेज का सबसे अच्छा आकार

Brooklyn डेमो स्टोर में दिखाई गई दोनों इमेज स्लाइड का आकार 1200 x 800 पिक्सेल है. अपनी सभी इमेज स्लाइड का आकार एक जैसा रखना अच्छा होता है.

छोटी स्क्रीन पर इमेज में काट-छांट करना

छोेटे डिवाइस में इमेज स्लाइड स्क्रीन को शीर्ष ऊपरी किनारे से निचले किनारे तक भरती है. स्लाइड के आकार को बदला जाता है, ताकि उनकी ऊंचाई डिवाइस की स्क्रीन की ऊंचाई के समान हो. इमेज को तोड़े-मरोड़े बिना स्क्रीन भरने के लिए, स्लाइड बाईं और दाईं ओर से क्रॉप की जाती हैं.

बड़ी स्क्रीन पर, इमेज के स्लाइड के आकार को बदला जाता है, ताकि उनकी चौड़ाई ब्राउज़र विंडो की चौड़ाई में फिट हो सके. इमेज को तोड़े-मरोड़े बिना विंडो भरने के लिए, स्लाइड नीचे से क्रॉप की जाती हैं.

निम्न उदाहरण समान ऑनलाइन स्टोर का डेस्कटॉप और मोबाइल संस्करण दिखाता है:

स्लाइड शो का डेस्कटॉप संस्करण ऐसी इमेज दिखाता है जिसकी चौड़ाई इसकी लंबाई से अधिक है. मोबाइल संस्करण इसी इमेज को समान ऊंचाई पर दिखाता है, लेकिन इमेज के दोनों आकारों में काट-छांट कर दी गई है ताकि इमेज छोटी स्क्रीन में फ़िट हो जाए.

कलेक्शन के लिए बराबरी की इमेज दिखाएं

बराबरी की इमेज दिखाने के लिए, आपके संग्रह में एक चुनिंदा इमेज होनी चाहिए.

आप देख सकते हैं कि Brooklyn डेमो स्टोर पर बराबरी का कलेक्शन इमेज कैसी दिखती है. शीर्ष पर दिखायी गई कलेक्शन इमेज 1405 x 800 px है.

स्लाइडशो का डेस्कटॉप संस्करण ऐसी इमेज दिखाता है जिसकी चौड़ाई इसकी लंबाई से अधिक है.

इसी इमेज को समान ऊंचाई पर दिखाता है, लेकिन इमेज के दोनों आकारों में काट-छांट की गई है ताकि इमेज छोटी स्क्रीन में फ़िट हो जाए.

ब्लॉग पोस्ट के लिए इमेज सेट करें

ब्लॉक आलेख की पहली इमेज का इस्तेमाल ब्लॉग पेज की प्रदर्शित इमेज के लिए किया जाता है. आप ब्लॉग पोस्ट लेखन में ब्लॉग आलेख में एक इमेज जोड़ने के बारे में सीख सकते हैं.

उत्पाद संबंधी युक्तियां

उत्पादों के लिए सेल बैज जोड़ें

आप एक उत्पाद के लिए बिक्री बैज की उस कीमत की तुलना करके भी जोड़ सकते हैं, जो नियमित कीमत से अधिक है. बैज कलेक्शन पेजों पर उत्पाद के लिए इमेज के ऊपर दिखता है.

उन उत्पादों को सेट करें, जो कलेक्शन पेजों पर बड़े दिखाई देते हैं

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

Shopify व्यवस्थापक में कलेक्शन्स पेज.

प्रत्येक छह उत्पाद के लिए, पहले और छठे उत्पाद की इमेज बड़ी होती हैं. उदाहरण के लिए, कलेक्शन में पहले, छठे, सातवें, 12, 13 और 18 की बड़ी इमेज हैं:

कलेक्शन पेज, जो कोलाज स्टाइल में उत्पाद दिखाता है. उत्पादों के ऑर्डर का इमेज के आकार से संबंध दिखाने के लिए चित्रण में उत्पादों पर नंबर दिखाए जाते हैं.

सभी समान आकार वाले उत्पाद इमेज का ग्रिड प्रदर्शित करने के लिए अपने कलेक्शन्स को ग्रिड स्टाइल में उत्पाद दिखाने के लिए सेट करें.

वेरिएंट का चयन करते समय स्क्रॉलिंग एनीमेशन

उत्पाद पेज पर यदि उत्पाद विवरण स्क्रॉल किए बिना स्क्रीन पर फिट होने के लिए काफी कम है तब आपको स्क्रॉल एनीमेशन दिखेगा जब आप एक वेरिएंट का चयन करेंगे जिसमें इमेज होंगी. यदि विवरण नीचे स्क्रॉल किए बिना स्क्रीन पर फिट होने के लिए बहुत लंबा है तब शीर्ष इमेज को वेरिएंट इमेज द्वारा रीप्लेस कर देते है और कोई भी स्क्रॉलिंग एनीमेशन नहीं आता है.

यदि आप स्क्रॉलिंग एनीमेशन देखाना चाहते हैं फिर यह सुनिश्चित करें कि आपके उत्पाद का विवरण छोटा है.

Shopify के साथ बिक्री प्रारंभ करने के लिए तैयार हैं?

इस मुफ़्त में आज़माएं