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

नोट:
Wix Harmony Editor में डायनामिक लिस्ट पेज उपलब्ध नहीं हैं और आप किसी रिपीटर को अपने Wix स्टोर्स प्रोडक्ट्स से कनेक्ट नहीं कर सकते। किसी पेज पर प्रोडक्ट्स की लिस्ट दिखाने के लिए, Wix Harmony में प्रोडक्ट गैलरी जोड़ें।
शुरू करने से पहले:
- Wix स्टोर्स में अपने प्रोडक्ट्स बनाएं।
- अगर आपने अभी तक अपनी साइट पर CMS नहीं जोड़ा है, तो CMS जोड़ना न भूलें।
- CMS के साथ Wix स्टोर्स का इस्तेमाल करने के लिए, Wix ऐप कलेक्शन इनेबल करें।
स्टेप 1 | अपने प्रोडक्ट्स के लिए डायनामिक लिस्ट पेज जोड़ें
अपने एडिटर के CMS में Wix ऐप कलेक्शन पर जाएं और स्टोर्स कलेक्शन से एक डायनामिक लिस्ट पेज बनाएं। इस पेज में एक रिपीटर शामिल होता है, जो पहले से आपके स्टोर्स प्रोडक्ट्स से आंशिक रूप से कनेक्ट रहता है।
Wix एडिटर
Studio एडिटर
- अपने एडिटर पर जाएं।
- अपने एडिटर के बाईं ओर CMS पर क्लिक करें।
- बाईं ओर Wix ऐप कलेक्शन पर क्लिक करें।
- नीचे स्क्रॉल करके StoreCatalog या Stores पर जाएं। प्रोडक्ट्स पर होवर करें और मोर ऐक्शंस आइकन पर क्लिक करें।
टिप्स:
- अगर आपके पास StoreCatalog Wix ऐप कलेक्शन है, तो आपकी साइट Wix Stores Catalog V3 का इस्तेमाल करती है।
- अगर आपके पास Stores Wix ऐप कलेक्शन है, तो आपकी साइट Wix Stores Catalog V1 का इस्तेमाल करती है।
- ऐड डायनामिक पेज चुनें।

- लिस्ट पेज पर क्लिक करें।
- ऐड टू साइट पर क्लिक करें।
टिप:
आप अपने प्रोडक्ट्स को रिपीटर के बजाय प्रो गैलरी या तालिका में दिखा सकते हैं। ऐसा करने के लिए, रिपीटर हटाएँ और गैलरी या तालिका जोड़ें। इसके बाद, अपनी गैलरी या रिपीटर को CMS से कनेक्ट करने के लिए इस आर्टिकल के बाकी स्टेप्स पूरे करें।
स्टेप 2 | अपने रिपीटर को CMS से कनेक्ट करें
रिपीटर को उस डेटासेट से कनेक्ट करें जो आपके Wix स्टोर्स प्रोडक्ट्स कलेक्शन से जुड़ा हो। इसके बाद, रिपीटर के हर एलिमेंट को अपने कलेक्शन की उन डायनामिक वैल्यू से कनेक्ट करें जो दिखाए जा रहे प्रोडक्ट के हिसाब से बदलती हैं। आप अपने रिपीटर में किसी इमेज या बटन को 'ऐड टू कार्ट' या 'क्विक व्यू' क्लिक ऐक्शन से लिंक कर सकते हैं।
Wix Editor
Studio एडिटर
- (वैकल्पिक) अपने रिपीटर में एलिमेंट जोड़ें, जैसे बटन, टेक्स्ट या इमेज, या जिन एलिमेंट्स की जरूरत नहीं है उन्हें हटाएँ। सभी एलिमेंट्स को शामिल करने के लिए आप रिपीटर का साइज एडजस्ट कर सकते हैं।
- रिपीटर एलिमेंट पर क्लिक करें और कनेक्ट टू CMS आइकन चुनें।
- चूज अ डेटासेट ड्रॉप-डाउन पर क्लिक करें और प्रोडक्ट्स चुनें।
- कनेक्शंस के नीचे, उस रिपीटर एलिमेंट पर क्लिक करें जिसे आप कनेक्ट करना चाहते हैं।
ध्यान दें: अगर आप डायनामिक पेज के साथ आए डिफॉल्ट रिपीटर का इस्तेमाल कर रहे हैं, तो इमेज और टेक्स्ट एलिमेंट पहले से कनेक्ट होते हैं। आप अतिरिक्त टेक्स्ट एलिमेंट मिटा सकते हैं या उन्हें डिसकनेक्ट करके उनकी जगह स्टैटिक टेक्स्ट लगा सकते हैं। - संबंधित ड्रॉप-डाउन मेन्यू पर क्लिक करें और चुनें कि Wix स्टोर्स के कौन-से फील्ड एलिमेंट के हर हिस्से से कनेक्ट होंगे।
टिप: कस्टमर्स को संबंधित स्टोर प्रोडक्ट पेज पर जाने का विकल्प देने के लिए, आप URL (Wix स्टोर्स कैटलॉग V3) या पेज URL (Wix स्टोर्स कैटलॉग V1) फील्ड से लिंक कर सकते हैं।

- रिपीटर कनेक्शन पर क्लिक करें और रिपीटर में दूसरे एलिमेंट्स कनेक्ट करने के लिए ऊपर दिए गए स्टेप 4-5 दोहराएं।
- ज़रूरत के अनुसार अपने रिपीटर एलिमेंट्स एडजस्ट करने के लिए क्लिक करें।
टिप: आप किसी भी समय अपने रिपीटर में एलिमेंट्स जोड़ या हटा सकते हैं। अगर आप ऐसा स्टैटिक कंटेंट इस्तेमाल करना चाहते हैं जो संबंधित कैटेगरी के हिसाब से न बदले, तो एलिमेंट्स को डिसकनेक्ट करें। - अपने डायनामिक प्रोडक्ट्स पेज को टेस्ट करने के लिए प्रीव्यू पर क्लिक करें।
- अगर आप बदलावों को लाइव करने के लिए तैयार हैं, तो पब्लिश पर क्लिक करें।
स्टेप 3 | (वैकल्पिक) डेटासेट सेटिंग्स मैनेज करें
अपनी डेटासेट सेटिंग्स में, आप एक बार में दिखाए जाने वाले प्रोडक्ट्स की अधिकतम संख्या चुन सकते हैं। आप सिर्फ़ कुछ खास प्रोडक्ट्स शामिल करने के लिए फ़िल्टर जोड़ सकते हैं या प्रोडक्ट्स किस क्रम में दिखेंगे, इसे कंट्रोल करने के लिए सॉर्ट जोड़ सकते हैं।
नोट:
आइटम्स पर लोड फ़ील्ड तालिकाओं पर लागू नहीं होता। अगर आप अपने प्रोडक्ट्स दिखाने के लिए तालिका का इस्तेमाल कर रहे हैं, तो दिखाए जाने वाले आइटम्स की संख्या सीमित करने के लिए लेआउट आइकन पर क्लिक करें। फिर, तालिका की कस्टम ऊंचाई सेट करें और पेजिनेशन इनेबल करें।
Wix Editor
Studio Editor
- अपने एडिटर में, रिपीटर या प्रो गैलरी पर क्लिक करें।
- कनेक्ट टू CMS आइकन पर क्लिक करें।
- डेटासेट सेटिंग्स पर क्लिक करें।
- (ज़रूरी नहीं) आपकी लाइव साइट पर कलेक्शन कंटेंट कौन देख, जोड़, अपडेट या डिलीट कर सकता है, यह तय करने के लिए परमिशन के आगे मौजूद परमिशन टाइप पर क्लिक करें।
- एक बार में लोड हो सकने वाले आइटम की अधिकतम संख्या सेट करने के लिए, आइटम्स पर लोड फ़ील्ड को एडिट करें।
ध्यान दें: जब विज़िटर 'लोड मोर' बटन, 'नेक्स्ट/प्रीवियस पेज' बटन या पेजिनेशन बार पर क्लिक करते हैं, तब भी इतने ही आइटम ज़्यादा से ज़्यादा लोड हो सकते हैं। - (ज़रूरी नहीं) रिपीटर में सिर्फ़ खास प्रोडक्ट दिखाने के लिए, + ऐड फ़िल्टर पर क्लिक करें।
- (ज़रूरी नहीं) रिपीटर में प्रोडक्ट किस क्रम में दिखें, यह चुनने के लिए, + ऐड सॉर्ट पर क्लिक करें।
- अपने डायनामिक प्रोडक्ट्स पेज को टेस्ट करने के लिए, प्रीव्यू पर क्लिक करें।
- अगर आप बदलावों को लाइव करने के लिए तैयार हैं, तो पब्लिश पर क्लिक करें।
स्टेप 4 | (ज़रूरी नहीं) कस्टमर्स को प्रोडक्ट फ़िल्टर करने दें
शॉपर्स को सिर्फ़ वे प्रोडक्ट देखने का विकल्प दें, जो उनके लगाए गए फ़िल्टर—जैसे कीमत, इन्वेंटरी या ब्रैंड—से मैच करते हैं। फ़िल्टर करने के लिए इनमें से कोई भी इनपुट एलिमेंट चुनें: रेडियो बटन, चेकबॉक्स, ड्रॉपडाउन, सिलेक्शन टैग या स्लाइडर (सिर्फ़ रेंज स्लाइडर)।
ऐसे इनपुट एलिमेंट, जिनसे विज़िटर कलेक्शन कंटेंट फ़िल्टर कर सकते हैं, सेट अप करने का तरीका जानें।

स्टेप 5 | (ज़रूरी नहीं) 'लोड मोर' या नेविगेशनल बटन जोड़ें
पेज पर दिखने वाले प्रोडक्ट्स की संख्या सीमित करने और लोड मोर बटन जोड़ने से आपके पेज की परफ़ॉर्मेंस बेहतर हो सकती है।
शॉपर्स को दिखाए गए प्रोडक्ट्स का अगला/पिछला पृष्ठ देखने के लिए नेविगेशनल बटन जोड़ें या एक बार में तय संख्या में प्रोडक्ट्स ब्राउज़ करने के लिए पेजिनेशन बार जोड़ें।

टिप:
बटन और इमेज पर लागू किए जा सकने वाले
CMS डेटासेट ऐक्शंस के बारे में और जानें।
पर क्लिक करें।
पर क्लिक करें।
चुनें।
पर क्लिक करें। फिर, तालिका की कस्टम ऊंचाई सेट करें और पेजिनेशन इनेबल करें।