CMS: डायनेमिक लिस्ट पेज जोड़ना और सेट अप करना
डायनेमिक लिस्ट पेज की मदद से आप अपने CMS कलेक्शन के अलग-अलग आइटम को एक व्यवस्थित इंडेक्स में दिखा सकते हैं। रिपीटर, गैलरी या टेबल में दिखने वाला हर आइटम, कलेक्शन के डायनेमिक आइटम पेज से लिंक होता है, जहां विजिटर उस खास आइटम के बारे में ज़्यादा जानकारी पढ़ सकते हैं।
डेटासेट, पेज एलिमेंट और आपके कलेक्शन फील्ड के बीच कनेक्शन को कंट्रोल करता है। डेटासेट सेटिंग्स में, आप कंट्रोल कर सकते हैं कि एक बार में कितने आइटम दिखाई दें। सिर्फ कुछ खास आइटम शामिल करने के लिए फिल्टर जोड़ें या उनके दिखाई देने का क्रम कंट्रोल करने के लिए सॉर्ट कंडीशन जोड़ें।
अगर आपको बहुत सारे आइटम दिखाने हैं, तो पेज की लोडिंग परफॉर्मेंस बेहतर बनाने के लिए 'लोड मोर' या नेविगेशन बटन जोड़ें। ड्रॉपडाउन, रेडियो बटन या चेकबॉक्स जैसे इनपुट एलिमेंट का इस्तेमाल करने से विजिटर पेज पर दिखने वाले आइटम को फिल्टर भी कर सकते हैं।
शुरू करने से पहले:
- एक CMS कलेक्शन बनाएं, जिसमें वे आइटम शामिल हों जिन्हें आप अपने डायनेमिक लिस्ट पेज पर दिखाना चाहते हैं।
- अपने कलेक्शन के लिए डायनेमिक आइटम पेज बनाएं। आप अपने डायनेमिक लिस्ट पेज के आइटम को कलेक्शन के डायनेमिक आइटम पेज से लिंक करेंगे। इसके अलावा, आप डायनेमिक लिस्ट पेज के साथ ही डायनेमिक आइटम पेज भी जोड़ सकते हैं। निर्देशों के लिए नीचे दिया गया स्टेप 1 देखें।
स्टेप 1 | डायनेमिक लिस्ट पेज जोड़ें
अपने एडिटर के CMS पैनल से, कलेक्शन के लिए एक डायनेमिक लिस्ट पेज बनाएं। ऐसा करने से एक नया पेज जुड़ता है, जो आपके कलेक्शन के अलग-अलग आइटम को रिपीटर में दिखाता है। आप इसे बाद में कस्टमाइज करेंगे।
Wix Editor
Studio Editor
- अपने एडिटर पर जाएं।
- एडिटर की बाईं ओर CMS
पर क्लिक करें। - योर कलेक्शंस पर क्लिक करें।
- उस कलेक्शन पर क्लिक करें जिससे आप अपना डायनेमिक लिस्ट पेज बनाना चाहते हैं।
- मोर एक्शंस पर क्लिक करें और ऐड डायनेमिक पेज चुनें।
- लिस्ट पेज चुनें और ऐड टू साइट पर क्लिक करें।
टिप: कलेक्शन के लिए उसी समय डायनेमिक आइटम पेज जोड़ने के लिए आइटम पेज भी चुनें।
स्टेप 2 | (वैकल्पिक) URL स्लग स्ट्रक्चर में बदलाव करें
अपने डायनैमिक पेजेस के वेब एड्रेस को व्यवस्थित रखने के लिए, आप अपनी डायनैमिक लिस्ट पेज की यूआरएल स्लग स्ट्रक्चर एडिट कर सकते हैं।
उदाहरण के लिए, आप अपने डायनैमिक पेजेस के लिए ये यूआरएल स्लग स्ट्रक्चर बना सकते हैं:
- डायनैमिक लिस्ट पेज: https://www.{your-domain.com}/{collection-name}
- डायनैमिक कैटेगरी पेज: https://www.{your-domain.com}/{collection-name}/{category}
- डायनैमिक आइटम पेज: https://www.{your-domain.com}/{collection-name}/{category}/{primary-field}
यूआरएल स्लग स्ट्रक्चर एडिट करते समय, ध्यान रखें कि आपकी साइट के किसी मौजूदा पेज पर वह स्ट्रक्चर पहले से इस्तेमाल न हो रहा हो। यूआरएल स्लग स्ट्रक्चर को
यूनिक रखने के लिए, उसका
किसी दूसरे पेज जैसा
एक ही प्रीफिक्स (जैसे, {Collection name})
और उतनी ही संख्या में वेरिएबल्स नहीं हो सकते, भले ही वे वेरिएबल्स अलग हों।
इस्तेमाल न किए जा सकने वाले टकराव वाले यूआरएल स्लग स्ट्रक्चर का उदाहरण दिखाएं
ज़रूरी:
अगर आप चाहते हैं कि पुराने डायनैमिक यूआरएल आपके बनाए नए यूआरएल पर
अपने-आप रिडायरेक्ट हों, तो पहले पक्का करें कि आपकी साइट से एक
डोमेन कनेक्टेड है। अगर आपकी साइट से कोई डोमेन कनेक्टेड नहीं है, तो पुराने यूआरएल काम नहीं करेंगे और उनकी जगह 404 एरर पेज लोड होंगे।
अपनी डायनैमिक लिस्ट पेज की यूआरएल स्लग स्ट्रक्चर एडिट करने के लिए:
Wix Editor
Studio Editor
- अपने एडिटर पर जाएं।
- एडिटर की बाईं ओर पेजेस और मेन्यू
पर क्लिक करें। - डायनैमिक पेजेस पर क्लिक करें।
- आपने अभी जो डायनैमिक लिस्ट पेज बनाया है, उस पर होवर करें और दाईं ओर मौजूद मोर ऐक्शंस आइकन
पर क्लिक करें।
टिप: डिफॉल्ट रूप से, आपके बनाए डायनैमिक लिस्ट पेज का टाइटल यह होता है: {Collection Name} (लिस्ट) - एसईओ पर क्लिक करें।
- यूआरएल स्लग स्ट्रक्चर फील्ड एडिट करें:
- यूआरएल स्लग स्ट्रक्चर फील्ड के आगे एडिट पर क्लिक करें और चुनें कि आप क्या करना चाहते हैं:
- वेरिएबल जोड़ें: + ऐड वेरिएबल पर क्लिक करें और यूआरएल स्लग स्ट्रक्चर में उसकी वैल्यू इस्तेमाल करने के लिए कोई ‘टेक्स्ट’ या ‘नंबर’ फील्ड चुनें।
- स्टैटिक वैल्यू जोड़ें: फील्ड पर क्लिक करें और वे स्टैटिक वैल्यू दर्ज करें जिन्हें आप यूआरएल स्लग स्ट्रक्चर में इस्तेमाल करना चाहते हैं। केवल English अक्षरों, नंबरों या डैश का इस्तेमाल करें।
- सेव पर क्लिक करें।
- यूआरएल स्लग स्ट्रक्चर फील्ड के आगे एडिट पर क्लिक करें और चुनें कि आप क्या करना चाहते हैं:
- बदलाव कंफर्म करने के लिए, रिप्लेस यूआरएल्स पर क्लिक करें। डायनेमिक पेज के पुराने यूआरएल डिलीट हो जाएंगे और फिर काम नहीं करेंगे। उनकी जगह डायनेमिक पेज के लिए नए यूआरएल जनरेट होंगे।
स्टेप 3 | रिपीटर को सीएमएस से कनेक्ट करें
अब आपके पास एक ऐसा डायनेमिक लिस्ट पेज है, जिसमें एक रिपीटर है और उसके हर कंटेनर में 2 टेक्स्ट एलिमेंट, एक इमेज और एक बटन शामिल है। आपके रिपीटर का हर कंटेनर आपके कलेक्शन से एक अलग आइटम दिखाता है।
एलिमेंट के हर हिस्से को सही कलेक्शन फील्ड से कनेक्ट करें, ताकि वे आपकी मनचाही जानकारी दिखाएं। हमारा सुझाव है कि बटन को अपने कलेक्शन के डायनेमिक आइटम पेज से कनेक्ट करें। ऐसा करने से विजिटर क्लिक करके उस आइटम के डेडिकेटेड पेज पर जा सकते हैं।
हर आइटम के बारे में ज्यादा जानकारी देने के लिए, आप रिपीटर में और सपोर्टेड एलिमेंट जोड़ सकते हैं। फिर इन एलिमेंट्स को डेटासेट में अपने कलेक्शन फील्ड से कनेक्ट करें, जहां आप सभी सीएमएस कनेक्शन मैनेज करते हैं।
क्या आप रिपीटर की जगह गैलरी या टेबल इस्तेमाल करना चाहते हैं?
Wix Editor
Studio Editor
- (ऑप्शनल) अपने रिपीटर में एलिमेंट जोड़ें, जैसे बटन, टेक्स्ट या इमेज, या जिन एलिमेंट्स की जरूरत नहीं है उन्हें हटाएं। सभी एलिमेंट्स को फिट करने के लिए आप रिपीटर का साइज एडजस्ट कर सकते हैं।
- रिपीटर एलिमेंट पर क्लिक करें और कनेक्ट टू सीएमएस आइकन
चुनें। - दाईं ओर मौजूद कनेक्ट रिपीटर पैनल में, उस एलिमेंट पर क्लिक करें जिसे आप कनेक्ट करना चाहते हैं।
- कनेक्शंस के नीचे, सही ड्रॉप-डाउन पर क्लिक करके एलिमेंट को संबंधित कलेक्शन फील्ड या डेटासेट ऐक्शन से कनेक्ट करें। एलिमेंट के टाइप के आधार पर ऑप्शन अलग-अलग होते हैं।
टिप्स:
- बटन एलिमेंट को डायनेमिक आइटम पेज से लिंक करने के लिए, क्लिक एक्शन कनेक्ट्स टू फील्ड पर क्लिक करें और कलेक्शन का वह डायनेमिक आइटम पेज चुनें जिसके आखिर में (आइटम) लिखा हो।
- इमेज एलिमेंट को डायनेमिक आइटम पेज से लिंक करने के लिए, लिंक कनेक्ट्स टू ड्रॉप-डाउन पर क्लिक करें और कलेक्शन का वह डायनेमिक आइटम पेज चुनें जिसके आखिर में (आइटम) लिखा हो।
- दाईं ओर मौजूद पैनल में सबसे ऊपर रिपीटर कनेक्शंस पर क्लिक करें।
- एलिमेंट को कलेक्शन फील्ड या डेटासेट एक्शन से कनेक्ट करने के लिए, ऊपर दिए गए स्टेप 3-5 दोहराएं।
- ज़रूरत के हिसाब से अपने रिपीटर एलिमेंट एडजस्ट करने के लिए क्लिक करें।
टिप: आप किसी भी समय अपने रिपीटर में एलिमेंट जोड़ या हटा सकते हैं। ऐसा स्टैटिक कॉन्टेंट इस्तेमाल करने के लिए एलिमेंट डिसकनेक्ट करें जो बदलता नहीं है। - अपने डायनेमिक लिस्ट पेज को टेस्ट करने के लिए, प्रीव्यू पर क्लिक करें।
- अगर आप बदलावों को लाइव करने के लिए तैयार हैं, तो पब्लिश पर क्लिक करें।
स्टेप 4 | (वैकल्पिक) डेटासेट सेटिंग्स मैनेज करें
डिफॉल्ट रूप से, आपके डायनेमिक पेज का डेटासेट शुरुआत में रिपीटर या गैलरी में अधिकतम 100 आइटम दिखा सकता है। एक बार में अधिकतम 1000 आइटम लोड करने के लिए, आप हर लोड में आइटम की संख्या एडजस्ट कर सकते हैं। आप केवल चुनिंदा आइटम शामिल करने के लिए फिल्टर और आइटम दिखने का क्रम कंट्रोल करने के लिए सॉर्ट भी जोड़ सकते हैं।
Wix Editor
Studio Editor
- रिपीटर के कनेक्टेड डेटासेट की सेटिंग्स पर जाएं:
- रिपीटर पर क्लिक करें।
- कनेक्ट टू CMS आइकन पर क्लिक करें।
- दाईं ओर मौजूद कनेक्ट रिपीटर पैनल में डेटासेट सेटिंग्स पर क्लिक करें।
- (वैकल्पिक) आपकी लाइव साइट पर कलेक्शन का कंटेंट कौन देख, जोड़, अपडेट या डिलीट कर सकता है, यह तय करने के लिए परमिशंस के आगे मौजूद परमिशन टाइप पर क्लिक करें।
- (वैकल्पिक) अगर आपको डेटासेट का नाम एडिट करना है, तो डेटासेट नेम फील्ड पर क्लिक करें।
- (सिर्फ़ Velo के लिए) आपके पेज के कोड में डेटासेट की पहचान के लिए इस्तेमाल होने वाली ID को एडिट करने के लिए डेटासेट ID फील्ड पर क्लिक करें।
- डेटासेट मोड ड्रॉप-डाउन पर क्लिक करें और सही विकल्प चुनें:
- रीड: कनेक्टेड एलिमेंट आपके कलेक्शन का कंटेंट पढ़ और दिखा सकते हैं। ये एलिमेंट कलेक्शन के कंटेंट में बदलाव नहीं कर सकते।
- रीड और राइट: कनेक्टेड एलिमेंट आपके कलेक्शन का कंटेंट दिखा सकते हैं। इनपुट एलिमेंट आपके कलेक्शन में कंटेंट जोड़ या एडिट कर सकते हैं।
- एक बार में लोड हो सकने वाले आइटम की अधिकतम संख्या सेट करने के लिए आइटम्स पर लोड फील्ड को एडिट करें। जब विजिटर 'लोड मोर' बटन, 'नेक्स्ट/प्रीवियस पेज' बटन या पेजिनेशन बार पर क्लिक करते हैं, तब भी इतने ही आइटम अधिकतम लोड हो सकते हैं। स्टेप्स के लिए अगला सेक्शन देखें।
ध्यान दें: यह फील्ड टेबल पर लागू नहीं होती। अगर आप अपने आइटम दिखाने के लिए टेबल का इस्तेमाल कर रहे हैं, तो दिखने वाले आइटम की संख्या सीमित करने के लिए टेबल के लेआउट आइकन
पर क्लिक करें। इसके बाद, कस्टम टेबल हाइट सेट करें और पेजिनेशन चालू करें।
- (वैकल्पिक) रिपीटर में सिर्फ़ खास आइटम दिखाने के लिए + ऐड फिल्टर पर क्लिक करें।
- (वैकल्पिक) रिपीटर में आइटम किस क्रम में दिखेंगे, यह चुनने के लिए + ऐड न्यू सॉर्ट पर क्लिक करें।
- अपने डायनेमिक लिस्ट पेज को टेस्ट करने के लिए प्रीव्यू पर क्लिक करें।
- अगर आप बदलावों को लाइव करने के लिए तैयार हैं, तो पब्लिश पर क्लिक करें।
स्टेप 5 | (वैकल्पिक) ‘लोड मोर’ या नेविगेशनल बटन बनाएं
अगर आप इस पेज पर कई आइटम दिखाना चाहते हैं, तो पेज की लोडिंग परफॉर्मेंस बेहतर करने के लिए
‘लोड मोर’ बटन जोड़ें। डेटासेट का
आइटम्स पर लोड फील्ड तय करता है कि शुरुआत में पेज पर कितने आइटम लोड होंगे और विज़िटर के ‘लोड मोर’ बटन पर क्लिक करने पर कितने अतिरिक्त आइटम लोड होंगे।
आप ‘नेक्स्ट/प्रीवियस पेज’ बटन या पेजिनेशन बार (सिर्फ Wix Editor में) भी जोड़ सकते हैं। इनसे पेज से कनेक्ट किया गया रिपीटर या गैलरी, आइटम का अगला या पिछला ‘पेज’ दिखाता है।
आइटम्स पर लोड फील्ड तय करता है कि आइटम के हर ‘पेज’ पर अधिकतम कितने आइटम दिखाई देंगे।
Wix Editor
Studio Editor
चुनें कि आप क्या करना चाहते हैं:
‘लोड मोर’ बटन बनाएं
पर क्लिक करें।
चुनें।'नेक्स्ट पेज' और 'प्रीवियस पेज' बटन बनाएं
टिप:
Wix Editor में, आप पेजिनेशन बार भी कनेक्ट कर सकते हैं, जिससे विज़िटर आइटम के अलग-अलग ‘पेज’ देख सकते हैं। आइटम्स पर लोड फील्ड तय करता है कि पेजिनेशन बार के हर ‘पेज’ पर कितने आइटम दिख सकते हैं। अगर आप Studio Editor में पेजिनेशन बार चाहते हैं, तो इस फीचर के लिए यहां वोट करें।
स्टेप 6 | (वैकल्पिक) विज़िटर्स को आइटम फिल्टर करने दें
विज़िटर्स को इनपुट एलिमेंट्स की मदद से आपके डायनेमिक लिस्ट पेज पर दिखने वाले आइटम फिल्टर करने के विकल्प दें। फिल्टरिंग के लिए इनमें से कोई भी इनपुट एलिमेंट चुनें: रेडियो बटन्स, चेकबॉक्सेस, ड्रॉपडाउन, सिलेक्शन टैग्स या स्लाइडर (सिर्फ रेंज स्लाइडर)।
अक्सर पूछे जाने वाले सवाल
डायनामिक लिस्ट पेज सेट अप करने से जुड़े आम सवालों के जवाब देखने के लिए, नीचे दिए गए सवालों पर क्लिक करें।
विजिटर मेरे डायनामिक लिस्ट पेज पर कैसे पहुंच सकते हैं?
क्या मैं ऐसे डायनामिक पेज बना सकता हूं जो कैटेगरी के हिसाब से आइटम की लिस्ट दिखाएं?
मेरे पेज पर कनेक्ट किए गए आइटम क्यों नहीं दिख रहे हैं?
मैं आइटम को उनके डायनेमिक आइटम पेज से कैसे लिंक करूं?
मैं कुछ एलिमेंट को रिपीटर से अटैच क्यों नहीं कर पा रहा हूं?
क्या अपना रिपीटर सेट अप करने से पहले मैं देख सकता हूं कि पहले से कनेक्टेड रिपीटर कैसे काम करता है?