Wix हेल्प

डायनामिक लिस्ट पेज की मदद से आप अपने CMS कलेक्शन के अलग-अलग आइटम को एक व्यवस्थित इंडेक्स में दिखा सकते हैं। रिपीटर, गैलरी या टेबल में दिखाया गया हर आइटम, कलेक्शन के डायनामिक आइटम पेज से लिंक होता है, जहां विज़िटर उस खास आइटम के बारे में ज़्यादा पढ़ सकते हैं।

डेटासेट, पेज एलिमेंट और आपके कलेक्शन फ़ील्ड के बीच कनेक्शन को कंट्रोल करता है। डेटासेट सेटिंग्स में, आप कंट्रोल कर सकते हैं कि एक बार में कितने आइटम दिखें। केवल खास आइटम शामिल करने के लिए आप फ़िल्टर जोड़ सकते हैं या उनके दिखने का क्रम तय करने के लिए सॉर्ट कंडीशन जोड़ सकते हैं।

अगर आपको बहुत सारे आइटम दिखाने हैं, तो पेज की लोडिंग परफ़ॉर्मेंस बेहतर करने के लिए 'लोड मोर' या नेविगेशन बटन जोड़ें। ड्रॉपडाउन, रेडियो बटन या चेकबॉक्स जैसे इनपुट एलिमेंट का इस्तेमाल करने से विज़िटर पेज पर दिखने वाले आइटम को फ़िल्टर भी कर सकते हैं।
नोट्स:
शुरू करने से पहले:
  • एक CMS कलेक्शन बनाएं, जिसमें वे आइटम शामिल हों जिन्हें आप अपने डायनामिक लिस्ट पेज पर दिखाना चाहते हैं।
  • अपने कलेक्शन के लिए डायनामिक आइटम पेज बनाएं। आप अपने डायनामिक लिस्ट पेज के आइटम को कलेक्शन के डायनामिक आइटम पेज से लिंक करेंगे। इसके बजाय, आप डायनामिक लिस्ट पेज के साथ ही डायनामिक आइटम पेज भी जोड़ सकते हैं। निर्देशों के लिए नीचे दिया गया स्टेप 1 देखें।

स्टेप 1 | डायनामिक लिस्ट पेज जोड़ें

अपने एडिटर के CMS पैनल से, अपने कलेक्शन के लिए डायनामिक लिस्ट पेज बनाएं। इससे एक नया पेज जुड़ता है, जो आपके कलेक्शन के अलग-अलग आइटम को एक रिपीटर में दिखाता है। आप इस रिपीटर को बाद में कस्टमाइज़ कर सकते हैं।
  1. अपने एडिटर पर जाएं।
  2. एडिटर की बाईं ओर CMS पर क्लिक करें।
  3. योर कलेक्शंस पर क्लिक करें।
  4. उस कलेक्शन पर क्लिक करें, जिससे आप अपना डायनामिक लिस्ट पेज बनाना चाहते हैं।
  5. मोर एक्शंस पर क्लिक करें और ऐड डायनामिक पेज चुनें।
  6. लिस्ट पेज चुनें और ऐड टू साइट पर क्लिक करें।
    टिप: कलेक्शन के लिए उसी समय डायनामिक आइटम पेज जोड़ने के लिए आइटम पेज भी चुनें।
डायनामिक लिस्ट पेज जोड़ने का स्क्रीनशॉट।

स्टेप 2 | (वैकल्पिक) URL स्लग स्ट्रक्चर बदलें

अपने डायनामिक पेज के वेब एड्रेस को व्यवस्थित रखने के लिए, आप अपने डायनामिक लिस्ट पेज का URL स्लग स्ट्रक्चर एडिट कर सकते हैं।

उदाहरण के लिए, आप अपने डायनामिक पेज के लिए ये 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}

URL स्लग स्ट्रक्चर एडिट करते समय, ध्यान रखें कि आपकी साइट का कोई दूसरा मौजूदा पेज पहले से उस स्ट्रक्चर का इस्तेमाल न कर रहा हो। URL स्लग स्ट्रक्चर के यूनिक होने के लिए, यह नहीं हो सकता कि आपकी साइट के किसी दूसरे पेज के साथ उसका प्रीफिक्स एक जैसा हो (जैसे, {कलेक्शन का नाम}) और वेरिएबल की संख्या भी समान हो, भले ही वे वेरिएबल अलग-अलग हों।
ज़रूरी:
अगर आप चाहते हैं कि पुराने डायनामिक URL आपके बनाए गए नए URL पर अपने-आप रिडायरेक्ट हों, तो पहले पक्का करें कि आपकी साइट के साथ एक डोमेन कनेक्ट किया गया है। अगर आपकी साइट के साथ कोई डोमेन कनेक्ट नहीं है, तो पुराने URL काम नहीं करेंगे और उनकी जगह 404 एरर पेज लोड होंगे।

अपने डायनामिक लिस्ट पेज का URL स्लग स्ट्रक्चर एडिट करने के लिए:


  1. अपने एडिटर पर जाएं।
  2. एडिटर के बाईं ओर पेजेस और मेन्यू पर क्लिक करें।
  3. डायनामिक पेजेस पर क्लिक करें।
  4. आपने अभी जो डायनामिक लिस्ट पेज बनाया है, उस पर होवर करें और दाईं ओर मोर ऐक्शंस आइकन पर क्लिक करें।
    टिप: आपके बनाए डायनामिक लिस्ट पेज का डिफ़ॉल्ट टाइटल है: {कलेक्शन का नाम} (लिस्ट)
  5. SEO पर क्लिक करें।
  6. URL स्लग स्ट्रक्चर फ़ील्ड को एडिट करें:
    1. URL स्लग स्ट्रक्चर फ़ील्ड के आगे एडिट पर क्लिक करें और चुनें कि आप क्या करना चाहते हैं:
      • वेरिएबल जोड़ें: + ऐड वेरिएबल पर क्लिक करें और URL स्लग स्ट्रक्चर में उसकी वैल्यू इस्तेमाल करने के लिए कोई ‘टेक्स्ट’ या ‘नंबर’ फ़ील्ड चुनें।
      • स्टैटिक वैल्यू जोड़ें: फ़ील्ड पर क्लिक करें और वे स्टैटिक वैल्यू डालें जिन्हें आप URL स्लग स्ट्रक्चर में इस्तेमाल करना चाहते हैं। सिर्फ इंग्लिश लेटर्स, नंबर्स या डैश का इस्तेमाल करें।
    2. सेव पर क्लिक करें।
डायनामिक लिस्ट पेज के URL स्लग स्ट्रक्चर को एडिट करने का स्क्रीनशॉट।
  1. बदलाव कन्फ़र्म करने के लिए रिप्लेस URLs पर क्लिक करें। डायनामिक पेज के पिछले URLs डिलीट हो जाएंगे और फिर काम नहीं करेंगे। उनकी जगह डायनामिक पेज के लिए नए URLs जनरेट होंगे।

स्टेप 3 | रिपीटर को CMS से कनेक्ट करें

अब आपके पास एक डायनामिक लिस्ट पेज है, जिसमें एक रिपीटर मौजूद है। इसके हर कंटेनर में 2 टेक्स्ट एलिमेंट, एक इमेज और एक बटन है। आपके रिपीटर का हर कंटेनर आपके कलेक्शन का एक अलग आइटम दिखाता है।

हर एलिमेंट के हिस्से को संबंधित कलेक्शन फ़ील्ड से कनेक्ट करें, ताकि वे आपकी मनचाही जानकारी दिखाएं। हमारा सुझाव है कि बटन को अपने कलेक्शन के डायनामिक आइटम पेज से कनेक्ट करें। ऐसा करने से विज़िटर क्लिक करके संबंधित आइटम के डेडिकेटेड पेज पर जा सकते हैं।

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

स्टेप 4 | (ऑप्शनल) डेटासेट सेटिंग्स मैनेज करें

डिफ़ॉल्ट रूप से, आपका डायनामिक पेज डेटासेट आपके रिपीटर या गैलरी में शुरुआत में अधिकतम 100 आइटम दिखाने की सुविधा देता है। आप हर लोड में आइटम की संख्या एडजस्ट कर सकते हैं, ताकि एक बार में अधिकतम 1000 आइटम लोड हो सकें। आप सिर्फ कुछ खास आइटम शामिल करने के लिए फ़िल्टर भी जोड़ सकते हैं या आइटम किस क्रम में दिखें, यह कंट्रोल करने के लिए सॉर्ट जोड़ सकते हैं।
  1. रिपीटर के कनेक्टेड डेटासेट की सेटिंग्स पर जाएं:
    1. रिपीटर पर क्लिक करें।
    2. कनेक्ट टू CMS आइकन पर क्लिक करें।
    3. दाईं ओर मौजूद कनेक्ट रिपीटर पैनल में डेटासेट सेटिंग्स पर क्लिक करें।
  2. (वैकल्पिक) आपकी लाइव साइट पर कलेक्शन का कंटेंट कौन देख, जोड़, अपडेट या डिलीट कर सकता है, यह तय करने के लिए परमिशन के आगे मौजूद परमिशन टाइप पर क्लिक करें।
  3. (वैकल्पिक) अगर आपको डेटासेट का नाम एडिट करना है, तो डेटासेट नेम फ़ील्ड पर क्लिक करें।
  4. (केवल Velo) आपके पेज के कोड में डेटासेट की पहचान करने के लिए इस्तेमाल होने वाली ID को एडिट करने के लिए डेटासेट ID फ़ील्ड पर क्लिक करें।
  5. डेटासेट मोड ड्रॉप-डाउन पर क्लिक करें और सही विकल्प चुनें:
    • रीड: कनेक्टेड एलिमेंट आपके कलेक्शन का कंटेंट पढ़ और दिखा सकते हैं। ये एलिमेंट कलेक्शन के कंटेंट में बदलाव नहीं कर सकते।
    • रीड और राइट: कनेक्टेड एलिमेंट आपके कलेक्शन का कंटेंट दिखा सकते हैं। इनपुट एलिमेंट आपके कलेक्शन में कंटेंट जोड़ या एडिट कर सकते हैं।
  6. एक बार में लोड हो सकने वाले आइटम की अधिकतम संख्या सेट करने के लिए आइटम्स पर लोड फ़ील्ड को एडिट करें। विज़िटर जब 'लोड मोर' बटन, 'नेक्स्ट/प्रीवियस पेज' बटन या पेजिनेशन बार पर क्लिक करते हैं, तब भी इतने ही आइटम अधिकतम लोड हो सकते हैं। स्टेप जानने के लिए अगला सेक्शन देखें।
    ध्यान दें: यह फ़ील्ड टेबल पर लागू नहीं होती। अगर आप अपने आइटम दिखाने के लिए टेबल का इस्तेमाल कर रहे हैं, तो दिखाए जाने वाले आइटम की संख्या सीमित करने के लिए टेबल के लेआउट आइकन पर क्लिक करें। इसके बाद, कस्टम टेबल हाइट सेट करें और पेजिनेशन चालू करें।
'आइटम्स पर लोड' डेटासेट सेटिंग का स्क्रीनशॉट।
  1. (वैकल्पिक) रिपीटर में सिर्फ़ खास आइटम दिखाने के लिए + ऐड फ़िल्टर पर क्लिक करें।
  2. (वैकल्पिक) रिपीटर में आइटम किस क्रम में दिखेंगे, यह चुनने के लिए + ऐड न्यू सॉर्ट पर क्लिक करें।
  3. अपने डायनामिक लिस्ट पेज को टेस्ट करने के लिए प्रीव्यू पर क्लिक करें।
  4. अगर आप बदलावों को लाइव करने के लिए तैयार हैं, तो पब्लिश पर क्लिक करें।

स्टेप 5 | (वैकल्पिक) ‘लोड मोर’ या नेविगेशन बटन बनाएं

अगर आप इस पेज पर कई आइटम दिखाना चाहते हैं, तो पेज की लोडिंग परफॉर्मेंस बेहतर करने के लिए ‘लोड मोर’ बटन जोड़ें। डेटासेट का आइटम्स पर लोड फ़ील्ड तय करता है कि शुरुआत में पेज पर कितने आइटम लोड होंगे और विज़िटर के ‘लोड मोर’ बटन पर क्लिक करने पर कितने अतिरिक्त आइटम लोड होंगे।

आप ‘नेक्स्ट/प्रीवियस पेज’ बटन या पेजिनेशन बार (सिर्फ Wix Editor में) भी जोड़ सकते हैं। इनसे पेज से कनेक्ट किया गया रिपीटर या गैलरी, आइटम का अगला या पिछला ‘पेज’ दिखाता है। आइटम्स पर लोड फ़ील्ड तय करता है कि आइटम के हर ‘पेज’ पर अधिकतम कितने आइटम दिखाई देंगे।
चुनें कि आप क्या करना चाहते हैं:
टिप:
Wix Editor में, आप पेजिनेशन बार भी कनेक्ट कर सकते हैं, जिससे विजिटर आइटम के अलग-अलग 'पेज' देख सकते हैं। आइटम्स पर लोड फील्ड से तय होता है कि पेजिनेशन बार के हर 'पेज' पर कितने आइटम दिख सकते हैं। अगर आप Studio Editor में पेजिनेशन बार चाहते हैं, तो इस फीचर के लिए यहां वोट करें।

स्टेप 6 | (वैकल्पिक) विजिटर को आइटम फ़िल्टर करने दें

विजिटर को आपके डायनामिक लिस्ट पेज पर दिखने वाले आइटम फ़िल्टर करने की सुविधा देने के लिए, इनपुट एलिमेंट जोड़ें। फ़िल्टर करने के लिए इनमें से कोई भी इनपुट एलिमेंट चुनें: रेडियो बटन, चेकबॉक्स, ड्रॉपडाउन, सिलेक्शन टैग, या स्लाइडर (सिर्फ रेंज स्लाइडर)।
विज़िटर्स को कलेक्शन कंटेंट फ़िल्टर करने की सुविधा देने वाले इनपुट एलिमेंट सेट अप करने का तरीका जानें।
डायनामिक लिस्ट पेज पर दिखने वाले आइटम फ़िल्टर करने के लिए इस्तेमाल किए गए इनपुट एलिमेंट के उदाहरण दिखाने वाला स्क्रीनशॉट।

अक्सर पूछे जाने वाले सवाल

डायनामिक लिस्ट पेज सेट अप करने से जुड़े आम सवालों के जवाब पाने के लिए, नीचे दिए गए सवालों पर क्लिक करें।