CMS: डायनेमिक लिस्ट पेज जोड़ना और सेट अप करना
25 मिनट
डायनेमिक लिस्ट पेज आपको अपने CMS कलेक्शन के अलग-अलग आइटम्स को एक व्यवस्थित इंडेक्स में दिखाने की सुविधा देते हैं। रिपीटर, गैलरी या टेबल में दिखने वाला हर आइटम, कलेक्शन के डायनेमिक आइटम पेज से लिंक होता है, जहाँ विजिटर्स उस खास आइटम के बारे में विस्तार से पढ़ सकते हैं।
डेटासेट आपके पेज एलिमेंट्स और कलेक्शन फ़ील्ड्स के बीच के कनेक्शन को कंट्रोल करता है। डेटासेट सेटिंग्स में, आप एक बार में दिखने वाले आइटम्स की संख्या को कंट्रोल कर सकते हैं। आप केवल कुछ खास आइटम्स को शामिल करने के लिए फ़िल्टर लगा सकते हैं या उनके दिखने के क्रम को कंट्रोल करने के लिए सॉर्ट कंडीशन्स जोड़ सकते हैं।
अगर आपके पास दिखाने के लिए बहुत सारे आइटम्स हैं, तो पेज लोडिंग परफॉरमेंस को बेहतर बनाने के लिए 'लोड मोर' या नेविगेशनल बटन जोड़ें। आप ड्रॉपडाउन, रेडियो बटन या चेकबॉक्स जैसे इनपुट एलिमेंट्स का इस्तेमाल करके विजिटर्स को पेज पर दिखने वाले आइटम्स को फ़िल्टर करने की सुविधा भी दे सकते हैं।
शुरू करने से पहले:
- एक CMS कलेक्शन बनाएँ जिसमें वे आइटम शामिल हों जिन्हें आप अपने डायनेमिक लिस्ट पेज पर दिखाना चाहते हैं।
- अपने कलेक्शन के लिए एक डायनेमिक आइटम पेज बनाएँ। आप अपने डायनेमिक लिस्ट पेज के आइटम्स को अपने कलेक्शन के डायनेमिक आइटम पेज से लिंक करेंगे। वैकल्पिक रूप से, आप अपने डायनेमिक लिस्ट पेज के साथ ही डायनेमिक आइटम पेज भी जोड़ सकते हैं। निर्देशों के लिए नीचे स्टेप 1 देखें।
स्टेप 1 | डायनेमिक लिस्ट पेज जोड़ें
अपने एडिटर के CMS पैनल से, अपने कलेक्शन के लिए एक डायनेमिक लिस्ट पेज बनाएं। यह एक नया पेज जोड़ता है जो आपके कलेक्शन के अलग-अलग आइटम्स को एक रिपीटर में दिखाता है जिसे आप बाद में कस्टमाइज़ कर सकते हैं।
Wix एडिटर
स्टूडियो एडिटर
- अपने एडिटर पर जाएँ।
- एडिटर के बाईं ओर CMS
पर क्लिक करें। - Your Collections पर क्लिक करें।
- उस कलेक्शन पर क्लिक करें जिससे आप अपना डायनेमिक लिस्ट पेज बनाना चाहते हैं।
- More Actions पर क्लिक करें और Add dynamic page चुनें।
- List page चुनें और Add to Site पर क्लिक करें।
टिप: कलेक्शन के लिए एक साथ डायनेमिक आइटम पेज जोड़ने के लिए Item page भी चुनें।
स्टेप 2 | (वैकल्पिक) URL स्लॉग स्ट्रक्चर को मॉडिफाई करें
अपने डायनेमिक पेजों के वेब एड्रेस को व्यवस्थित रखने के लिए, आप अपने डायनेमिक लिस्ट पेज के URL slug structure को एडिट करना चाह सकते हैं।
उदाहरण के लिए, आप अपने डायनेमिक पेजों के लिए निम्नलिखित URL slug structures बना सकते हैं:
- डायनेमिक लिस्ट पेज: 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}
URL स्लग स्ट्रक्चर को एडिट करते समय, ध्यान रखें कि वह स्ट्रक्चर आपकी साइट के अन्य मौजूदा पेजों द्वारा पहले से इस्तेमाल न किया जा रहा हो। इसे यूनिक बनाने के लिए, URL स्लग स्ट्रक्चर का प्रीफिक्स एक जैसा (जैसे कि {Collection name}) नहीं हो सकता और इसमें वेरिएबल्स की संख्या भी आपकी साइट के किसी अन्य पेज के समान नहीं होनी चाहिए, भले ही वेरिएबल्स अलग-अलग हों।
मुझे ऐसे कॉन्फ्लिक्टिंग (conflicting) URL स्लॉग स्ट्रक्चर का उदाहरण दिखाएं जिनका इस्तेमाल नहीं किया जा सकता
ज़रूरी:
यदि आप चाहते हैं कि पुराने डायनेमिक URL आपके द्वारा बनाए गए नए URL पर ऑटोमैटिकली रिडायरेक्ट हो जाएँ, तो सुनिश्चित करें कि आपकी साइट पर पहले से एक कनेक्टेड डोमेन हो। यदि आपकी साइट पर कोई डोमेन कनेक्टेड नहीं है, तो पुराने URL काम नहीं करेंगे और इसके बजाय 404 एरर पेज लोड होंगे।
अपने डायनेमिक लिस्ट पेज के URL स्लग स्ट्रक्चर को एडिट करने के लिए:
Wix Editor
स्टूडियो एडिटर
- अपने एडिटर पर जाएँ।
- एडिटर के बाईं ओर Pages & Menu
पर क्लिक करें। - Dynamic Pages पर क्लिक करें।
- अभी-अभी बनाए गए डायनेमिक लिस्ट पेज पर होवर करें और दाईं ओर More Actions आइकन
पर क्लिक करें।
टिप: डिफ़ॉल्ट रूप से, आपके द्वारा बनाए गए डायनेमिक लिस्ट पेज का टाइटल यह होता है: {Collection Name} (List) - SEO पर क्लिक करें।
- URL slug structure फ़ील्ड को एडिट करें:
- URL slug structure फ़ील्ड के बगल में Edit पर क्लिक करें और चुनें कि आप क्या करना चाहते हैं:
- Add Variable: + Add Variable पर क्लिक करें और URL slug structure में इसकी वैल्यू का उपयोग करने के लिए 'Text' या 'Number' फ़ील्ड चुनें।
- Add static values: फ़ील्ड पर क्लिक करें और वे स्टैटिक वैल्यू दर्ज करें जिन्हें आप URL slug structure में उपयोग करना चाहते हैं। केवल अंग्रेजी अक्षरों, नंबरों या डैश (-) का उपयोग करें।
- Save पर क्लिक करें।
- URL slug structure फ़ील्ड के बगल में Edit पर क्लिक करें और चुनें कि आप क्या करना चाहते हैं:
- बदलावों को कन्फर्म करने के लिए Replace URLs पर क्लिक करें। डायनेमिक पेज के पिछले URLs डिलीट हो जाएंगे और अब काम नहीं करेंगे। इसके बजाय, डायनेमिक पेज के लिए नए URLs जेनरेट किए जाएंगे।
स्टेप 3 | रिपीटर को CMS से कनेक्ट करें
अब आपके पास एक रिपीटर वाला डायनेमिक लिस्ट पेज है जिसमें प्रत्येक कंटेनर में 2 टेक्स्ट एलिमेंट्स, एक इमेज और एक बटन शामिल है। आपके रिपीटर का प्रत्येक कंटेनर आपके कलेक्शन से एक अलग आइटम डिस्प्ले करता है।
एलिमेंट्स के प्रत्येक हिस्से को संबंधित कलेक्शन फ़ील्ड से कनेक्ट करें ताकि यह सुनिश्चित हो सके कि वे आपकी पसंद की जानकारी डिस्प्ले करें। हम बटन को आपके कलेक्शन के डायनेमिक आइटम पेज से कनेक्ट करने की सलाह देते हैं ताकि विज़िटर्स संबंधित आइटम के डेडिकेटेड पेज पर जाने के लिए क्लिक कर सकें।
प्रत्येक आइटम के बारे में अधिक जानकारी देने के लिए, आप रिपीटर में और अधिक सपोर्टेड एलिमेंट्स जोड़ सकते हैं। फिर इन एलिमेंट्स को डेटासेट में अपने कलेक्शन फ़ील्ड से कनेक्ट करें जहाँ आप सभी CMS कनेक्शन मैनेज करते हैं।
रिपीटर के बजाय गैलरी या टेबल का उपयोग करना चाहते हैं?
Wix Editor
स्टूडियो एडिटर
- (वैकल्पिक) अपने रिपीटर में एलिमेंट्स (जैसे बटन, टेक्स्ट, इमेज) जोड़ें या उन एलिमेंट्स को हटा दें जिनकी आपको ज़रूरत नहीं है। आप रिपीटर का साइज़ एडजस्ट कर सकते हैं ताकि इसमें सभी एलिमेंट्स आ सकें।
- रिपीटर एलिमेंट पर क्लिक करें और Connect to CMS आइकन
चुनें। - दाईं ओर Connect Repeater पैनल में, उस एलिमेंट पर क्लिक करें जिसे आप कनेक्ट करना चाहते हैं।
- Connections के तहत, एलिमेंट को संबंधित कलेक्शन फील्ड या डेटासेट एक्शन से कनेक्ट करने के लिए संबंधित ड्रॉप-डाउन पर क्लिक करें। विकल्प एलिमेंट के प्रकार के आधार पर अलग-अलग होते हैं।
टिप्स:
- बटन एलिमेंट को डायनेमिक आइटम पेज से लिंक करने के लिए, Click action connects to फील्ड पर क्लिक करें और उस कलेक्शन के डायनेमिक आइटम पेज को चुनें जिसके अंत में (Item) लिखा हो।
- इमेज एलिमेंट को डायनेमिक आइटम पेज से लिंक करने के लिए, Link connects to ड्रॉप-डाउन पर क्लिक करें और उस कलेक्शन के डायनेमिक आइटम पेज को चुनें जिसके अंत में (Item) लिखा हो।
- दाहिनी ओर पैनल के टॉप पर Repeater connections पर क्लिक करें।
- एलिमेंट्स को कलेक्शन फ़ील्ड्स या डेटासेट एक्शन्स से कनेक्ट करने के लिए ऊपर दिए गए स्टेप्स 3-5 दोहराएं।
- ज़रूरत के अनुसार अपने रिपीटर एलिमेंट्स को एडजस्ट करने के लिए क्लिक करें।
टिप: आप किसी भी समय अपने रिपीटर से एलिमेंट्स जोड़ या हटा सकते हैं। यदि आप ऐसे स्टैटिक कंटेंट का उपयोग करना चाहते हैं जो बदलता नहीं है, तो एलिमेंट्स को डिस्कनेक्ट करें। - अपने डायनेमिक लिस्ट पेज को टेस्ट करने के लिए Preview पर क्लिक करें।
- अगर आप बदलावों को लाइव करने के लिए तैयार हैं, तो Publish पर क्लिक करें।
स्टेप 4 | (ऑप्शनल) डेटासेट सेटिंग्स मैनेज करें
डिफ़ॉल्ट रूप से, आपका डायनेमिक पेज डेटासेट आपके रिपीटर या गैलरी में शुरुआत में 100 आइटम्स तक दिखाने की अनुमति देता है। आप एक बार में 1000 आइटम्स तक लोड करने के लिए 'items per load' को एडजस्ट कर सकते हैं। आप केवल कुछ खास आइटम्स को शामिल करने के लिए फिल्टर भी जोड़ सकते हैं, या आइटम्स के दिखने के क्रम को कंट्रोल करने के लिए सॉर्ट (sorts) जोड़ सकते हैं।
Wix Editor
स्टूडियो एडिटर
- रिपीटर की कनेक्टेड डेटासेट सेटिंग्स पर जाएँ:
- रिपीटर पर क्लिक करें।
- Connect to CMS आइकन पर क्लिक करें।
- दाईं ओर Connect Repeater पैनल में Dataset Settings पर क्लिक करें।
- (वैकल्पिक) यह निर्धारित करने के लिए कि आपकी लाइव साइट पर कलेक्शन कंटेंट को कौन देख सकता है, जोड़ सकता है, अपडेट कर सकता है या हटा सकता है, Permissions के बगल में permission type पर क्लिक करें।
- (वैकल्पिक) यदि आपको डेटासेट का नाम एडिट करना है, तो Dataset name फ़ील्ड पर क्लिक करें।
- (केवल Velo) आपके पेज के कोड में डेटासेट की पहचान करने के लिए उपयोग की जाने वाली ID को एडिट करने के लिए Dataset ID फ़ील्ड पर क्लिक करें।
- Dataset mode ड्रॉप-डाउन पर क्लिक करें और संबंधित विकल्प चुनें:
- Read: कनेक्टेड एलिमेंट्स आपके कलेक्शन से कंटेंट पढ़ और डिस्प्ले कर सकते हैं। एलिमेंट्स कलेक्शन कंटेंट को मॉडिफाई नहीं कर सकते।
- Read & Write: कनेक्टेड एलिमेंट्स आपके कलेक्शन से कंटेंट डिस्प्ले कर सकते हैं। Input elements आपके कलेक्शन में कंटेंट जोड़ या एडिट कर सकते हैं।
- एक बार में लोड होने वाले आइटम्स की अधिकतम संख्या सेट करने के लिए Items per load फ़ील्ड को एडिट करें। यह उन आइटम्स की अधिकतम संख्या भी है जो तब लोड हो सकते हैं जब विज़िटर्स 'Load More' बटन, 'Next/Previous page' बटन या पेजिनेशन बार पर क्लिक करते हैं। स्टेप्स के लिए अगला सेक्शन देखें।
नोट: यह फ़ील्ड टेबल पर लागू नहीं होती है। यदि अपने आइटम्स को डिस्प्ले करने के लिए टेबल का उपयोग कर रहे हैं, तो टेबल के Layout आइकन
पर क्लिक करके डिस्प्ले होने वाले आइटम्स की संख्या सीमित करें, फिर एक कस्टम टेबल हाइट सेट करें और पेजिनेशन इनेबल करें।
- (वैकल्पिक) रिपीटर में केवल विशिष्ट आइटम दिखाने के लिए + Add Filter पर क्लिक करें।
- (वैकल्पिक) रिपीटर में आइटम जिस क्रम में दिखाई देते हैं उसे चुनने के लिए + Add new sort पर क्लिक करें।
- अपने डायनेमिक लिस्ट पेज को टेस्ट करने के लिए Preview पर क्लिक करें।
- अगर आप बदलावों को लाइव करने के लिए तैयार हैं, तो Publish पर क्लिक करें।
स्टेप 5 | (ऑप्शनल) 'Load More' या नेविगेशनल बटन बनाएँ
अगर आप इस पेज पर कई आइटम्स दिखाने का प्लान बना रहे हैं, तो पेज की लोडिंग परफॉरमेंस को बेहतर बनाने के लिए 'Load More' बटन जोड़ने पर विचार करें। डेटासेट का Items per load फील्ड यह तय करता है कि पेज पर शुरुआत में कितने आइटम्स लोड हो सकते हैं और विजिटर्स द्वारा आपके 'Load More' बटन पर क्लिक करने पर कितने एडिशनल आइटम्स लोड हो सकते हैं।
आप 'Next/Previous Page' बटन या पॅजिनेशन बार (सिर्फ Wix एडिटर) भी जोड़ सकते हैं जिससे पेज का कनेक्टेड रिपीटर या गैलरी आइटम्स का अगला या पिछला 'पेज' दिखा सके। Items per load फील्ड आइटम्स के हर 'पेज' में दिखने वाले मैक्सिमम आइटम्स की संख्या तय करता है।
Wix Editor
स्टूडियो एडिटर
चुनें कि आप क्या करना चाहते हैं:
'Load More' बटन बनाएँ
पर क्लिक करें।
चुनें।'Next Page' और 'Previous Page' बटन बनाएँ
टिप:
Wix एडिटर में, आप एक पॅजिनेशन बार (pagination bar) भी कनेक्ट कर सकते हैं जो विजिटर्स को आइटम्स के 'पेज' के बीच स्विच करने की अनुमति देता है। Items per load फील्ड यह तय करता है कि पॅजिनेशन बार के हर 'पेज' में कितने आइटम्स दिख सकते हैं। अगर आप Studio एडिटर में पॅजिनेशन बार देखना चाहते हैं, तो इस फीचर के लिए यहाँ वोट करें।
स्टेप 6 | (वैकल्पिक) विजिटर्स को आइटम्स फिल्टर करने दें
विजिटर्स को इनपुट एलिमेंट्स के साथ आपके डायनेमिक लिस्ट पेज पर दिखने वाले आइटम्स को फिल्टर करने के तरीके दें। फिल्टर करने की सुविधा देने वाले इन इनपुट एलिमेंट्स में से चुनें: Radio Buttons, Checkboxes, Dropdown, Selection Tags, या Slider (सिर्फ रेंज स्लाइडर्स)।
अक्सर पूछे जाने वाले सवाल (FAQs)
डायनेमिक लिस्ट पेज सेटअप करने से जुड़े सामान्य सवालों के जवाब के लिए नीचे दिए गए सवालों पर क्लिक करें।
विजिटर्स मेरे डायनेमिक लिस्ट पेज तक कैसे पहुँचते हैं?
क्या मैं ऐसे डायनेमिक पेज बना सकता हूँ जो कैटेगरी के अनुसार आइटम्स को लिस्ट करें?
मेरे पेज पर वे आइटम्स क्यों नहीं दिख रहे हैं जिन्हें मैंने कनेक्ट किया है?
मैं आइटम्स को उनके डायनेमिक आइटम पेज से कैसे लिंक करूँ?
मैं कुछ एलिमेंट्स को रिपीटर के साथ अटैच क्यों नहीं कर पा रहा हूँ?
क्या मैं अपना खुद का रिपीटर सेट करने से पहले यह देख सकता हूँ कि प्री-कनेक्टेड रिपीटर कैसे काम करता है?