CMS: पेजिनेशन बार जोड़ना और सेट अप करना
8 मिनट
रिपीटर या गैलरी में मौजूद बड़े आइटम कलेक्शन को आसानी से ब्राउज करने का विकल्प देने के लिए पेजिनेशन बार का इस्तेमाल करें। पेजिनेशन बार से विजिटर डायनामिक पेज पर दिखने वाले 'पेजेस' या आइटम के सेट के बीच नेविगेट कर सकते हैं। डेटासेट का '
आइटम्स पर लोड' फील्ड तय करता है कि हर 'पेज' पर अधिकतम कितने आइटम दिखेंगे।
पेजिनेशन बार पर दिखने वाले पेजेस की संख्या, डेटासेट से मिले कलेक्शन आइटम की कुल संख्या और 'आइटम्स पर लोड' फील्ड के आधार पर कैलकुलेट होती है। उदाहरण के लिए, अगर आपके कलेक्शन में 50 विजिबल आइटम हैं और आपने 'आइटम्स पर लोड' फील्ड को 10 पर सेट किया है, तो आपका पेजिनेशन बार 5 पेजेस दिखाएगा (50/10=5)। हर पेज आइटम के एक सेट को दिखाता है और पेजिनेशन बार से आपके विजिटर इन सेट के बीच नेविगेट कर सकते हैं।
नोट्स:
Wix Harmony Editor में, आप टेक्स्ट, इमेज और बटन एलिमेंट को अपने कलेक्शन से कनेक्ट कर सकते हैं और गैलरी को 'मीडिया गैलरी' फील्ड से कनेक्ट कर सकते हैं। आप पेजिनेशन बार जैसे दूसरे एलिमेंट को कनेक्ट नहीं कर सकते। आप Wix Harmony में और एलिमेंट टाइप कनेक्ट करने के लिए वोट कर सकते हैं।
आपका रिपीटर एक बार में कितने आइटम लोड करेगा, यह सेट करने के लिए रिपीटर की सेटिंग्स में आइटम्स पर लोड का इस्तेमाल करें।
शुरू करने से पहले:
किसी
रिपीटर या
गैलरी को
डायनामिक लिस्ट पेज या
कैटेगरी के आइटम दिखाने वाले डायनामिक आइटम पेज में मौजूद डायनामिक डेटासेट से कनेक्ट करें।
स्टेप 1 | पेजिनेशन बार जोड़ें और कस्टमाइज करें
अपनी साइट पर पेजिनेशन बार जोड़ें और इसे अपनी डिजाइन की जरूरतों के मुताबिक कस्टमाइज करें।
Wix एडिटर
Studio एडिटर
- अपने एडिटर पर जाएं।
- एक से ज्यादा आइटम लिस्ट कर सकने वाले संबंधित डायनामिक पेज पर जाएं:
- एडिटर की बाईं ओर पेजेस और मेन्यू पर क्लिक करें।
- डायनामिक पेजेस पर क्लिक करें।
- संबंधित डायनामिक पेज पर क्लिक करें।
नोट: पेजिनेशन बार उन डायनामिक आइटम पेज के लिए उपयोगी नहीं हैं, जो एक बार में सिर्फ 1 आइटम दिखा सकते हैं।
पर क्लिक करें।
- पेजिनेशन बार जोड़ें:
- एडिटर की बाईं ओर ऐड एलिमेंट्स पर क्लिक करें।
- इंटरैक्टिव पर क्लिक करें।
- पेजिनेशन बार पर क्लिक करें।
- जिस पेजिनेशन बार का आप इस्तेमाल करना चाहते हैं, उसे क्लिक करके पेज पर ड्रैग करें।
पर क्लिक करें।
- पेजिनेशन बार का लेआउट और डिजाइन कस्टमाइज करें:
लेआउट
डिजाइन
पर क्लिक करें। 
स्टेप 2 | CMS से कनेक्ट करें
अपने पेजिनेशन बार को उसी डेटासेट से कनेक्ट करें जिससे आपका रिपीटर या गैलरी कनेक्ट है। इसके बाद, पेजिनेशन बार का साइज़ बदलें और उसे प्रीव्यू मोड में टेस्ट करें। लाइव करने के लिए तैयार होने पर, अपनी साइट पब्लिश करें।
Wix Editor
Studio Editor
- पेजिनेशन बार पर क्लिक करें।
- कनेक्ट टू CMS आइकन पर क्लिक करें।
- चूज अ डेटासेट ड्रॉप-डाउन पर क्लिक करें और वही डेटासेट चुनें जिससे आपका रिपीटर या गैलरी कनेक्ट है।
पर क्लिक करें।
- (ज़रूरत पड़ने पर) पेजिनेशन बार के हर ‘पेज’ पर दिखने वाले आइटम्स की संख्या एडजस्ट करें: ध्यान दें: यह आपके रिपीटर या गैलरी में हर लोड पर दिखाए जा सकने वाले आइटम्स की अधिकतम संख्या भी है।
- दाईं ओर मौजूद कनेक्ट पेजिनेशन पैनल में डेटासेट सेटिंग्स पर क्लिक करें।
- आइटम्स पर लोड फील्ड को एडिट करें। अपनी डेटासेट सेटिंग्स एडिट करने का तरीका जानें।
- अपने पेजिनेशन बार को स्ट्रेच करके या उसके बॉर्डर मैन्युअली एडजस्ट करके उसका साइज़ बदलें:
- चौड़ाई तक स्ट्रेच करें: बार की चौड़ाई को साइट के किनारों तक बढ़ाने के लिए, स्ट्रेच आइकन पर क्लिक करें।
- मैन्युअली: पेजिनेशन बार का साइज़ बदलने के लिए, उसके किनारों पर क्लिक करके उन्हें ड्रैग करें।
- अपने पेजिनेशन बार को टेस्ट करने के लिए, प्रीव्यू पर क्लिक करें।
- अगर आप बदलावों को लाइव करने के लिए तैयार हैं, तो पब्लिश पर क्लिक करें।
पर क्लिक करें।