Wix के पूरी तरह कस्टमाइज़ किए जा सकने वाले कैटेगरी पेज से आप अपने डिज़ाइन विज़न को साकार कर सकते हैं। पहले पेज को ग्लोबल लेवल पर सेट करें, फिर हर हिस्से को अलग-अलग कस्टमाइज़ करें, जब तक कि पेज आपके विज़न के मुताबिक न दिखने लगे।
स्टेप 1 | ग्लोबल सेटिंग्स कस्टमाइज़ करें
सबसे पहले उन सेटिंग्स को कस्टमाइज़ करें जो पूरे पेज पर लागू होती हैं, जैसे दिखाए जाने वाले प्रोडक्ट्स की संख्या, पैडिंग, डिज़ाइन और कनेक्ट किया गया डाटा।
ग्लोबल सेटिंग्स कस्टमाइज़ करने के लिए:
- अपने एडिटर पर जाएं।
- साइट स्ट्रक्चर आइकन
पर क्लिक करें। - पेजेज टैब पर क्लिक करें।
- स्टोर पेजेज के नीचे कैटेगरी पेज पर क्लिक करें।
- ऐक्शन बार से वह विकल्प चुनें जिसे आप कस्टमाइज़ करना चाहते हैं:
डाटा सेटिंग्स आइकन
पर क्लिक करें।
पेज पर दिखाए जाने वाले प्रोडक्ट्स की संख्या चुनने के लिए, प्रोडक्ट्स पर पेज स्लाइडर को ड्रैग करें या कोई संख्या डालें।
(वैकल्पिक) अपने डैशबोर्ड में प्रोडक्ट्स और कैटेगरी जोड़ने और मैनेज करने के लिए, मैनेज डाटा पर क्लिक करें।
टिप: प्रोडक्ट्स और कैटेगरी मैनेज करने के बारे में ज़्यादा जानें।
- पैडिंग और बिहेवियर आइकन
पर क्लिक करें। - पेज के लिए अपनी पसंद की पैडिंग डालें।
स्टेप 2 | अलग-अलग एलिमेंट कस्टमाइज करें
पेज पर किसी एलिमेंट को सेट अप करने के लिए उसे चुनें। हर एलिमेंट के लिए इंस्पेक्टर पैनल में उसकी अपनी सेटिंग्स और डिजाइन ऑप्शन होते हैं।
किसी एलिमेंट को कस्टमाइज करने के लिए:
अपने एडिटर पर जाएं।
साइट स्ट्रक्चर आइकन
पर क्लिक करें।
पेजेस टैब पर क्लिक करें।
स्टोर पेजेस के नीचे कैटेगरी पेज पर क्लिक करें।
जिस एलिमेंट को कस्टमाइज करना है, उस पर क्लिक करें।
चुनें कि आप क्या कस्टमाइज करना चाहते हैं:
- पेज पर ब्रेडक्रम्ब्स चुनें।
- इंस्पेक्टर पैनल में सेटिंग्स टैब पर क्लिक करें।
- एक्सेसिबिलिटी खोलें और स्क्रीन रीडर के लिए एक्सेसिबल नेम फील्ड में विवरण डालें।
- (वैकल्पिक) पूरे एलिमेंट या सिर्फ ब्रेडक्रम्ब आइटम को स्टाइल करने के लिए, डिजाइन टैब पर क्लिक करें और चूज व्हाट टू डिजाइन के नीचे कैटेगरी ब्रेडक्रम्ब्स या ब्रेडक्रम्ब्स चुनें।
- पेज पर कैटेगरी का नाम चुनें।
- इंस्पेक्टर पैनल में डिजाइन टैब पर क्लिक करें और टाइपोग्राफी सेक्शन में फ़ॉन्ट और साइज जैसी टेक्स्ट सेटिंग्स कस्टमाइज करें।
- (वैकल्पिक) टेक्स्ट किस डेटा से कनेक्ट है, यह देखने के लिए सेटिंग्स टैब पर क्लिक करें।
- पेज पर कैटेगरी मेन्यू चुनें।
- इंस्पेक्टर पैनल में सेटिंग्स टैब पर क्लिक करें।
- चुनें कि मेन्यू कैसे काम करे:
- जब कोई सबकैटेगरी न हो: समान लेवल की कैटेगरी दिखाएं या कैटेगरी मेन्यू छिपाएं चुनें।
- “सभी खरीदें” बटन दिखाएं: सभी प्रोडक्ट दिखाने वाला बटन दिखाने के लिए टॉगल इनेबल करें।
- ओवरफ़्लो बिहेवियर: जब कैटेगरी उपलब्ध जगह में फ़िट न हों, तो चुनें कि मेन्यू कैसे काम करे, जैसे स्क्रॉल।
- (वैकल्पिक) डिज़ाइन टैब पर क्लिक करें, चुनें कि क्या डिज़ाइन करना है के तहत कैटेगरी मेन्यू या मेन्यू आइटम चुनें। फिर उस स्टेट को स्टाइल करने के लिए रेगुलर, होवर या सेलेक्टेड चुनें।
- (वैकल्पिक) एक्शन बार में लेआउट बदलें पर क्लिक करें और ओरिएंटेशन ड्रॉपडाउन से हॉरिज़ॉन्टल या वर्टिकल चुनें।
पेज पर फ़िल्टर्स बटन चुनें।
इंस्पेक्टर पैनल में सेटिंग्स टैब पर क्लिक करें।
फ़िल्टर पैनल को कस्टमाइज़ करें:
पैनल टाइटल: फ़िल्टर पैनल के सबसे ऊपर दिखने वाला टाइटल डालें।
पैनल यहां से खुलता है: चुनें कि फ़िल्टर पैनल कहां से खुले, जैसे बाईं ओर।
- पेज पर प्रोडक्ट काउंटर चुनें।
- इंस्पेक्टर पैनल में डिज़ाइन टैब पर क्लिक करें और टाइपोग्राफ़ी सेक्शन में टेक्स्ट को कस्टमाइज़ करें, जैसे फ़ॉन्ट और साइज़।
- (वैकल्पिक) सेटिंग्स टैब पर क्लिक करें, एक्सेसिबिलिटी खोलें और एक्सेसिबल नाम फ़ील्ड में स्क्रीन रीडर के लिए विवरण डालें।
अप्लाइड फ़िल्टर्स में ग्राहक के चुने हुए फ़िल्टर और सभी हटाएं बटन दिखते हैं।
पेज पर अप्लाइड फ़िल्टर्स चुनें।
इंस्पेक्टर पैनल में डिज़ाइन टैब पर क्लिक करें।
उस हिस्से को स्टाइल करने के लिए चुनें कि क्या डिज़ाइन करना है के तहत अप्लाइड फ़िल्टर्स, फ़िल्टर टैग या सभी हटाएं चुनें।
(वैकल्पिक) सेटिंग्स टैब पर क्लिक करें, एक्सेसिबिलिटी खोलें और एक्सेसिबल नाम फ़ील्ड में स्क्रीन रीडर के लिए विवरण डालें।
- पेज पर सॉर्ट ड्रॉपडाउन चुनें।
- एक्शन बार में कस्टमाइज आइकन पर क्लिक करें।
- आइकन टाइप चुनने के लिए, स्टैटिक या एनिमेटेड चुनें।
- (वैकल्पिक) कोई दूसरा आइकन चुनने के लिए, रिप्लेस पर क्लिक करें।
- (वैकल्पिक) इंस्पेक्टर पैनल में सेटिंग्स टैब पर क्लिक करें, एक्सेसिबिलिटी खोलें और स्क्रीन रीडर के लिए एक्सेसिबल नेम फील्ड में विवरण डालें।
प्रोडक्ट लिस्ट में चुनी गई कैटेगरी के प्रोडक्ट दिखते हैं।
- पेज पर प्रोडक्ट लिस्ट चुनें।
- एक्शन बार में चेंज लेआउट पर क्लिक करें।
- चुनें कि प्रोडक्ट कैसे दिखें:
- लेआउट चुनें: कार्ड्स, लिस्ट, स्लाइडर या एडवांस्ड ग्रिड चुनें।
- हर रो में आइटम सेट करें: टॉगल चालू करें और हर रो में दिखाए जाने वाले प्रोडक्ट की संख्या डालें।
- (वैकल्पिक) लिस्ट में सबसे ऊपर मोड ड्रॉपडाउन पर क्लिक करें और यह डिजाइन करने के लिए कि प्रोडक्ट के साथ या उनके बिना लिस्ट कैसी दिखे, रेगुलर मोड या नो आइटम्स चुनें।
प्रोडक्ट इमेज उसके प्रोडक्ट पेज से लिंक होती है।
- पेज पर कोई प्रोडक्ट इमेज चुनें।
- इंस्पेक्टर पैनल में सेटिंग्स टैब पर क्लिक करें।
- चुनें कि इमेज कैसे काम करे:
- इमेज: प्रोडक्ट का मुख्य मीडिया दिखाती है।
- ऑल्ट टेक्स्ट: इमेज के ऑल्ट टेक्स्ट के रूप में इस्तेमाल होने वाला प्रोडक्ट डाटा दिखाता है।
- डिस्प्ले मोड: फिल, फिट या कीप इमेज रेश्यो चुनें।
- लिंक: प्रोडक्ट पेज का लिंक दिखाता है।
- (वैकल्पिक) इमेज या उसका आकार बदलने के लिए, एक्शन बार में रिप्लेस इमेज या मास्क पर क्लिक करें।
- किसी प्रोडक्ट पर रिबन चुनें।
- इंस्पेक्टर पैनल में डिज़ाइन टैब पर क्लिक करें।
- चूज़ व्हाट टू डिज़ाइन के तहत वह हिस्सा चुनें जिसे आप स्टाइल करना चाहते हैं: रिबन्स, प्राइमरी रिबन या एडिशनल रिबन।
पृष्ठ पर प्रोडक्ट का नाम चुनें।
इंस्पेक्टर पैनल में डिज़ाइन टैब पर क्लिक करें और टाइपोग्राफी सेक्शन में फ़ॉन्ट और साइज़ जैसी टेक्स्ट सेटिंग्स कस्टमाइज़ करें।
- किसी प्रोडक्ट की कीमत चुनें।
- इंस्पेक्टर पैनल में सेटिंग्स टैब पर क्लिक करें।
- प्रॉपर्टीज़ सेक्शन में चुनें कि कीमत कैसे दिखाई जाए:
- ओरिजिनल प्राइस फ़र्स्ट: सेल से पहले वाली कीमत को पहले दिखाने के लिए टॉगल इनेबल करें।
- फ़्रॉम लेबल: जब किसी प्रोडक्ट की कीमत अलग-अलग हो, तो कीमत से पहले दिखने वाला टेक्स्ट डालें।
- (वैकल्पिक) एलिमेंट के सबसे ऊपर दिए गए मोड ड्रॉपडाउन पर क्लिक करें और कीमत के उस वर्ज़न को डिज़ाइन करने के लिए रेगुलर मोड, ऑन सेल, प्राइस रेंज या फुल प्राइस चुनें।
- प्रोडक्ट लिस्ट में सबसे नीचे स्क्रॉल करें और लोड मोर बटन चुनें।
- इंस्पेक्टर पैनल में सेटिंग्स टैब पर क्लिक करें।
- प्रॉपर्टीज़ सेक्शन में बटन को कस्टमाइज़ करें:
- टेक्स्ट: बटन पर दिखाई देने वाला टेक्स्ट डालें।
- लिंक्स टू: बटन कहां ले जाएगा, यह सेट करने के लिए चूज़ अ लिंक पर क्लिक करें।
- डिसेबल्ड: बटन को डिसेबल करने के लिए टॉगल इनेबल करें।
- (वैकल्पिक) डिज़ाइन टैब पर क्लिक करें और उस हिस्से को स्टाइल करने के लिए चूज़ व्हाट टू डिज़ाइन के तहत बटन या टेक्स्ट चुनें।