CMS: विज़िटर्स को कंटेंट फ़िल्टर करने की सुविधा देने के लिए इनपुट एलिमेंट्स का इस्तेमाल करना
17 मिनट
ड्रॉपडाउन या रेडियो बटन जैसे इनपुट एलिमेंट्स का इस्तेमाल करें, ताकि साइट विज़िटर्स रिपीटर्स, गैलरी और तालिकाओं में दिखने वाले कंटेंट को फ़िल्टर कर सकें। इस आर्टिकल में बताया गया है कि इनपुट एलिमेंट्स को ऐसे
डेटासेट से कैसे कनेक्ट करें, जो आपके CMS (कंटेंट मैनेजमेंट सिस्टम) कलेक्शन को लाइव साइट कंटेंट से जोड़ता है।
हर इनपुट एलिमेंट किसी खास कलेक्शन फ़ील्ड से कनेक्ट होता है, ताकि उस फ़ील्ड की यूनिक वैल्यूज़ फ़िल्टर ऑप्शन के तौर पर दिखाई जा सकें। जब विज़िटर्स कोई फ़िल्टर ऑप्शन चुनते हैं, तो कनेक्ट किए गए रिपीटर, गैलरी या तालिका में केवल मैचिंग फ़ील्ड वैल्यू वाले आइटम दिखाई देते हैं। इसके अलावा, फ़िल्टर के काम करने का तरीका बदलने के लिए आप कंडीशनल फ़िल्टर जोड़ सकते हैं। उदाहरण के लिए, विज़िटर के चुने गए ऑप्शन से मैच न करने वाले आइटम दिखाने के लिए आप "इज़ नॉट" कंडीशन जोड़ सकते हैं।
डिफ़ॉल्ट रूप से, विज़िटर्स के फ़िल्टर चुनते ही कंटेंट बदल जाता है। हालांकि, अगर आप चाहते हैं कि विज़िटर्स के फ़िल्टर किसी अलग बटन पर क्लिक करने के बाद ही लागू हों, तो आप "अप्लाई फ़िल्टर" बटन जोड़ सकते हैं। आप एक रीसेट बटन भी जोड़ सकते हैं, जिस पर क्लिक करने से विज़िटर्स के सेट किए गए सभी फ़िल्टर तुरंत हट जाएंगे।
शुरू करने से पहले:
- अगर आपने अभी तक अपनी साइट पर CMS (कंटेंट मैनेजमेंट सिस्टम) नहीं जोड़ा है, तो इसे जोड़ें।
- किसी रिपीटर, गैलरी या तालिका को अपने CMS कलेक्शन से कनेक्ट करें।
ध्यान दें:
Wix Harmony Editor में इनपुट एलिमेंट्स उपलब्ध नहीं हैं, इसलिए विज़िटर्स आपके कंटेंट को फ़िल्टर नहीं कर सकते या आपके कलेक्शन में आइटम सबमिट नहीं कर सकते। विज़िटर्स से जानकारी पाने के लिए, इसके बजाय Wix फ़ॉर्म्स का इस्तेमाल करके एक फ़ॉर्म जोड़ें। Wix Harmony में अलग तरीके से काम करने वाले फ़ीचर्स के बारे में और जानें।
स्टेप 1 | कंटेंट फ़िल्टर करने के लिए इनपुट एलिमेंट्स जोड़ें
अपने एडिटर में उस पेज पर जाएं, जहां आप चाहते हैं कि विज़िटर्स किसी रिपीटर, गैलरी या तालिका में दिखने वाले कंटेंट को फ़िल्टर कर सकें। इसके बाद, वे इनपुट एलिमेंट्स जोड़ें जिनका इस्तेमाल विज़िटर्स कंटेंट फ़िल्टर करने के लिए करेंगे। अगर आप कई इनपुट एलिमेंट्स जोड़ते हैं, तो हर एलिमेंट को अलग कलेक्शन फ़ील्ड फ़िल्टर करने के लिए सेट कर सकते हैं।
फ़िल्टरिंग की सुविधा देने वाले इन इनपुट एलिमेंट्स में से चुनें:
रेडियो बटन्स,
चेकबॉक्सेस,
ड्रॉपडाउन,
सिलेक्शन टैग्स या
स्लाइडर (केवल रेंज स्लाइडर्स)। ध्यान रखें कि
हर इनपुट एलिमेंट की कुछ सीमाएं होती हैं कि वह किन फ़ील्ड टाइप्स को फ़िल्टर कर सकता है।
Wix Editor
Studio एडिटर
- अपने एडिटर पर जाएं।
- उस पेज पर जाएं जिसमें वह रिपीटर, गैलरी या तालिका मौजूद है जिसे आप विज़िटर्स को फ़िल्टर करने देना चाहते हैं।
- एडिटर की बाईं ओर ऐड एलिमेंट्स पर क्लिक करें।
- इनपुट पर क्लिक करें।
- सिलेक्शन के तहत, उस इनपुट एलिमेंट टाइप पर क्लिक करें जिसका इस्तेमाल विज़िटर्स कंटेंट फ़िल्टर करने के लिए करेंगे। फ़िल्टरिंग की सुविधा देने वाले इन एलिमेंट्स में से चुनें: रेडियो बटन्स, चेकबॉक्सेस, ड्रॉपडाउन, सिलेक्शन टैग्स या स्लाइडर (केवल रेंज स्लाइडर्स)।
- संबंधित इनपुट एलिमेंट पर क्लिक करके उसे पेज पर ड्रैग करें।
पर क्लिक करें।
- (वैकल्पिक) ऐसे और इनपुट एलिमेंट्स जोड़ने के लिए ऊपर दिए गए स्टेप 3-6 दोहराएं, जिनका इस्तेमाल आपके विज़िटर्स कंटेंट फ़िल्टर करने के लिए करेंगे।
स्टेप 2 | अपने इनपुट एलिमेंट को CMS से कनेक्ट करें
हर इनपुट एलिमेंट को उसी डेटासेट से कनेक्ट करें जो आपके रिपीटर, गैलरी या तालिका से कनेक्ट है। इसके बाद, चुनें कि हर इनपुट एलिमेंट किस कलेक्शन फ़ील्ड को फ़िल्टर करेगा। इनपुट एलिमेंट्स, कनेक्ट की गई कलेक्शन फ़ील्ड की हर यूनिक वैल्यू दिखाएंगे। जब कोई विज़िटर इनपुट में कोई ऑप्शन चुनता है, तो रिपीटर, गैलरी या तालिका में सिर्फ वे आइटम दिखते हैं जो चुनी गई फ़ील्ड से मैच करते हैं।
आप फ़िल्टर पर लागू होने वाली कंडीशनल फ़िल्टरिंग भी जोड़ सकते हैं। उदाहरण के लिए, ऐसा फ़िल्टर बनाने के लिए "इज़ नॉट", "डज़ नॉट इक्वल" या "डज़ नॉट इंक्लूड"
कंडीशंस जोड़ें, जो आपके विज़िटर की चुनी गई फ़ील्ड से मैच न करने वाले आइटम दिखाता है। फ़िल्टर में कोई कंडीशन जोड़ने पर, आपके इनपुट एलिमेंट का फ़ील्ड टाइटल और प्लेसहोल्डर टेक्स्ट अपने आप बदल जाता है, ताकि विज़िटर समझ सकें कि फ़िल्टर क्या करता है, जैसे "एक्सक्लूड बाय फ़ील्ड"।
डेटासेट फ़िल्टर और सॉर्ट आपके इनपुट एलिमेंट्स पर कैसे असर डालते हैं:
आपके इनपुट एलिमेंट्स उस डेटासेट से कनेक्ट होते हैं, जो कनेक्ट की गई कलेक्शन फ़ील्ड्स से कंटेंट लाता है। अगर आप कुछ आइटम को दिखने से रोकने के लिए डेटासेट में फ़िल्टर जोड़ते हैं, तो बाहर रखे गए आइटम और उनकी फ़ील्ड का कंटेंट इनपुट एलिमेंट्स को नहीं भेजा जाता। इसका मतलब है कि आपके इनपुट एलिमेंट्स सिर्फ डेटासेट में शामिल आइटम की यूनिक फ़ील्ड वैल्यू दिखाएंगे।
सॉर्ट कंडीशंस अलग तरीके से काम करती हैं: कंटेंट फ़िल्टर करने के लिए सेट किए गए इनपुट एलिमेंट्स के ऑप्शन हमेशा अल्फाबेटिकल ऑर्डर (A-Z) में दिखते हैं, चाहे आप डेटासेट में कोई भी सॉर्ट जोड़ें। इन ऑप्शन को सॉर्ट करने की सुविधा के लिए वोट करें।
Wix Editor
Studio Editor
- अपने एडिटर में, उस इनपुट एलिमेंट पर क्लिक करें जिसे आपने अभी जोड़ा है।
- कनेक्ट टू CMS आइकन पर क्लिक करें।
- फ़िल्टर कंटेंट पर क्लिक करें।
पर क्लिक करें। 
- चूज़ अ डेटासेट ड्रॉपडाउन पर क्लिक करें और वही डेटासेट चुनें जो उस रिपीटर, गैलरी या तालिका से कनेक्ट है जिसे आप विज़िटर को फ़िल्टर करने देना चाहते हैं।
- फ़िल्टर कंटेंट बाय ड्रॉपडाउन पर क्लिक करें और वह कलेक्शन फ़ील्ड चुनें जिसका इस्तेमाल विज़िटर दिखने वाले कंटेंट को फ़िल्टर करने के लिए करेंगे।
- (वैकल्पिक) फ़िल्टर के काम करने के तरीके पर असर डालने वाली कंडीशन जोड़ें:
- एडवांस्ड फ़िल्टरिंग पर क्लिक करें।
- कंडीशन ड्रॉपडाउन पर क्लिक करें और ऐसा ऑपरेटर चुनें जो तय करता है कि फ़िल्टर कैसे लागू होगा, जैसे इज़ नॉट, डज़ नॉट इक्वल या डज़ नॉट इंक्लूड।
ध्यान दें: कंडीशंस, इनपुट एलिमेंट के टाइप और कनेक्ट की गई फ़ील्ड के टाइप के हिसाब से अलग-अलग होती हैं। ज़्यादा जानकारी के लिए, नीचे हर इनपुट एलिमेंट के लिए एडवांस्ड फ़िल्टरिंग कंडीशंस वाला सेक्शन देखें।
- हर उस इनपुट एलिमेंट के लिए ये स्टेप दोहराएं जिसका इस्तेमाल आप विज़िटर को कंटेंट फ़िल्टर करने के लिए देना चाहते हैं।
- अपने इनपुट एलिमेंट्स को फ़िल्टर के तौर पर टेस्ट करने के लिए प्रीव्यू पर क्लिक करें।
- अगर आप बदलावों को लाइव करने के लिए तैयार हैं, तो पब्लिश पर क्लिक करें।
एडवांस्ड फ़िल्टरिंग कंडीशन
हर इनपुट एलिमेंट के लिए उपलब्ध एडवांस्ड फ़िल्टरिंग कंडीशन देखने के लिए नीचे क्लिक करें:
ड्रॉपडाउन और रेडियो बटन
सिलेक्शन टैग्स
मल्टी चेकबॉक्स
चेकबॉक्स
रेंज स्लाइडर
(वैकल्पिक) स्टेप 3 | फ़िल्टर अप्लाई करने के लिए बटन जोड़ें
अगर आप चाहते हैं कि विज़िटर के चुने गए फ़िल्टर किसी अलग बटन पर क्लिक करने के बाद ही अप्लाई हों, तो आप 'अप्लाई फ़िल्टर्स' बटन बना सकते हैं। जब विज़िटर इस बटन पर क्लिक करते हैं, तो उनके चुने गए सभी इनपुट एलिमेंट फ़िल्टर अप्लाई हो जाते हैं। इस बटन के बिना, विज़िटर जैसे ही हर इनपुट एलिमेंट से कोई विकल्प चुनते हैं, फ़िल्टर तुरंत अप्लाई हो जाते हैं।
Wix Editor
Studio एडिटर
- एडिटर की बाईं ओर ऐड एलिमेंट्स पर क्लिक करें।
- बटन पर क्लिक करें।
- फ़िल्टर्स अप्लाई करने के लिए जिस बटन का इस्तेमाल करना चाहते हैं, उस पर क्लिक करके उसे पेज पर ड्रैग करें। आप इनमें से किसी भी बटन टाइप का इस्तेमाल कर सकते हैं: थीम्ड बटन्स, टेक्स्ट और आइकन बटन्स, आइकन बटन्स, या इमेज बटन्स।
टिप: इसके बजाय, आप एक इमेज जोड़कर उसे अपने ‘अप्लाई फ़िल्टर्स’ बटन के तौर पर इस्तेमाल कर सकते हैं। - चेंज टेक्स्ट पर क्लिक करें और वह टेक्स्ट डालें जिसे आप बटन पर दिखाना चाहते हैं, जैसे "अप्लाई फ़िल्टर्स"।
- कनेक्ट टू CMS आइकन पर क्लिक करें।
- चूज़ अ डेटासेट ड्रॉप-डाउन पर क्लिक करें और वही डेटासेट चुनें जो रीपीटर, गैलरी या टेबल से कनेक्ट है।
- क्लिक एक्शन कनेक्ट्स टू ड्रॉप-डाउन पर क्लिक करें और अप्लाई फ़िल्टर्स चुनें।
पर क्लिक करें।
- अपने ‘अप्लाई फ़िल्टर्स’ बटन का लुक कस्टमाइज़ करने के लिए, बटन पर क्लिक करें और डिज़ाइन आइकन चुनें।
- अपने ‘अप्लाई फ़िल्टर्स’ बटन को टेस्ट करने के लिए, प्रीव्यू पर क्लिक करें।
- अगर आप बदलावों को लाइव करने के लिए तैयार हैं, तो पब्लिश पर क्लिक करें।
चुनें।(वैकल्पिक) स्टेप 4 | रीसेट बटन जोड़ें
आप एक रीसेट बटन बना सकते हैं, जिस पर क्लिक करके विज़िटर अपने चुने हुए सभी इनपुट एलिमेंट फ़िल्टर्स को रीसेट कर सकते हैं। ऐसा करने से विज़िटर पेज को रीफ़्रेश किए बिना फिर से शुरू कर सकते हैं और कंटेंट फ़िल्टर कर सकते हैं।
Wix Editor
Studio एडिटर
- एडिटर के बाईं ओर ऐड एलिमेंट्स पर क्लिक करें।
- बटन पर क्लिक करें।
- जिस बटन को आप रीसेट बटन के तौर पर इस्तेमाल करना चाहते हैं, उसे क्लिक करके पेज पर ड्रैग करें। आप इनमें से किसी भी बटन टाइप का इस्तेमाल कर सकते हैं: थीम्ड बटन्स, टेक्स्ट और आइकन बटन्स, आइकन बटन्स, या इमेज बटन्स।
टिप: इसके बजाय, आप एक इमेज जोड़कर उसे अपने रीसेट बटन के तौर पर इस्तेमाल कर सकते हैं। - चेंज टेक्स्ट पर क्लिक करें और वह टेक्स्ट डालें जिसे आप बटन पर दिखाना चाहते हैं, जैसे "रीसेट फ़िल्टर्स"।
- कनेक्ट टू CMS आइकन पर क्लिक करें।
- चूज़ अ डेटासेट ड्रॉप-डाउन पर क्लिक करें और वही डेटासेट चुनें जो रिपीटर, गैलरी या तालिका से कनेक्ट है।
- क्लिक एक्शन कनेक्ट्स टू ड्रॉप-डाउन पर क्लिक करें और रीसेट इनपुट वैल्यूज़ चुनें।
- बटन पर क्लिक करें और अपने रीसेट बटन का लुक कस्टमाइज़ करने के लिए डिज़ाइन आइकन चुनें।
- अपने रीसेट बटन को टेस्ट करने के लिए प्रीव्यू पर क्लिक करें।
- अगर आप बदलावों को लाइव करने के लिए तैयार हैं, तो पब्लिश पर क्लिक करें।
अक्सर पूछे जाने वाले सवाल
इनपुट एलिमेंट का इस्तेमाल करके कॉन्टेंट फ़िल्टर करने से जुड़े सबसे आम सवालों के जवाब जानने के लिए नीचे क्लिक करें।
विज़िटर्स को कॉन्टेंट फ़िल्टर करने की सुविधा देने के लिए मुझे कौन-सा डेटासेट मोड और कलेक्शन परमिशन सेट करनी चाहिए?
क्या मैं विजिटर्स को Wix ऐप कलेक्शन का कॉन्टेंट फ़िल्टर करने की सुविधा दे सकता हूं?
क्या साइट विजिटर्स इनपुट एलिमेंट्स का इस्तेमाल करके मेरे कलेक्शन में कॉन्टेंट सबमिट कर सकते हैं?
अगर मेरे फ़िल्टर उम्मीद के मुताबिक काम नहीं कर रहे हैं, तो मैं समस्या कैसे हल करूं?