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