Shopify आपको उत्पाद विकल्पों में चित्र जोड़ने की सुविधा देता है, ताकि ग्राहक देख सकें कि प्रत्येक विकल्प कैसा दिखता है। हालाँकि, Shopify द्वारा विनियमित होने के कारण, आप एक विकल्प मान के साथ केवल एक छवि ही जोड़ सकते हैं। तो, सवाल यह है कि एक विकल्प के साथ कई छवियाँ कैसे जोड़ी जाएँ?
कॉन्सेप्ट में एक उत्तर है, जिसमें आप एक विकल्प मान के लिए कुछ छवियों को निर्दिष्ट कर सकते हैं। यह फ़ंक्शन विशेष रूप से रंग विकल्प के लिए उपयुक्त है, लेकिन आप इसे अन्य उद्देश्यों के लिए पूरी तरह से उपयोग कर सकते हैं।
इस पृष्ठ पर
- आवश्यकताएं
- एक विकल्प चुनें
- छवियों के ALT टैग को संपादित करें
- अपना स्वयं का alt text सेट करें (या रखें)
आवश्यकताएं
यह लेख कॉन्सेप्ट थीम में सेटअप करने के बारे में है।
-
आपको किसी वैरिएंट का चयन करने के बाद अन्य वैरिएंट के मीडिया को छिपाएँ को बंद करना होगा। यह विकल्प मूल Shopify व्यवहार के साथ संगत है - केवल एक छवि को एक विकल्प मान के साथ जोड़ना।
-
कॉन्सेप्ट में, यह विकल्प निम्नलिखित अनुभागों में उपलब्ध है:
- विशेष रुप से प्रदर्शित उत्पाद अनुभाग.
- उत्पाद जानकारी अनुभाग (उत्पाद पृष्ठों में)
अपना मनचाहा विकल्प चुनें
अपने एडमिन में अपने उत्पाद को देखें और अपनी छवियों को वर्गीकृत करने के लिए एक विकल्प चुनें।
नीचे दिए गए उदाहरण में, मैंने रंग चुनने का फैसला किया। फ्लो हार्मोनी उत्पाद गोल्ड टोन , ब्लैक , चेस्टनट , नेवी और क्रिमसन शैडो रंगों में उपलब्ध है और मैं केवल तभी संबंधित छवियां दिखाना चाहता हूं जब कोई उपयोगकर्ता कोई विकल्प चुनता है।
![](https://cdn.shopify.com/s/files/1/0599/3182/0194/files/concept__can_i_have_multiple_images_associated_with_one_variant__003.png?v=1709108591)
छवियों के ALT टैग को संपादित करें
आपको छवि से संबंधित 'विकल्प नाम और विकल्प मान' निर्दिष्ट करने के लिए alt टैग को संपादित करना होगा:
-
छवि पर माउस घुमाएं और छवि की जानकारी खोलने के लिए छह-बिंदु वाले बटन पर क्लिक करें
-
वैकल्पिक टेक्स्ट जोड़ें पर क्लिक करें.
-
अपने द्वारा चुने गए विकल्प नाम को विकल्प मान के साथ संयोजित करें। यहाँ वाक्यविन्यास बहुत महत्वपूर्ण है और इसे निम्नलिखित क्रम में होना चाहिए:
-
#
(हैशटैग वर्ण) -
option-name
(लोअरकेस, सभी रिक्त स्थानों को हाइफ़न से बदलें) -
_
(अंडरस्कोर वर्ण) -
option-value
(लोअरकेस, सभी रिक्त स्थानों को हाइफ़न से बदलें)
उदाहरण के लिए, यदि मैं रंग विकल्प चुनता हूं और मैं किसी छवि को गोल्ड टोन रंग से जोड़ना चाहता हूं, तो वैकल्पिक टेक्स्ट
#color_gold-tone
होना चाहिए -
-
परिवर्तनों को सहेजने के लिए वैकल्पिक पाठ सहेजें पर क्लिक करें.
-
अन्य छवियों के लिए भी यही प्रक्रिया अपनाएं।
अपना स्वयं का alt text सेट करें (या रखें)
अगर मैं SEO उद्देश्यों के लिए अपना खुद का alt सेट करना चाहता हूँ (या रखना चाहता हूँ) तो क्या होगा? बस # वर्ण से पहले alt फ़ील्ड में कुछ भी जोड़ें , जैसे:
![](https://cdn.shopify.com/s/files/1/0599/3182/0194/files/concept__can_i_have_multiple_images_associated_with_one_variant__008.png?v=1709108592)
हमें उम्मीद है कि यह लेख आपके लिए मददगार रहा होगा। अगर आपको इस सुविधा के बारे में कोई सवाल या चिंता है, तो कृपया सहायता के लिए हमारी टीम से संपर्क करने में संकोच न करें।