लूप कैरोसेल एलिमेंटर प्रो का गतिशील हिंडोला है हाथ से स्लाइड जोड़ने के बजाय, आप एक स्लाइड को टेम्पलेट के रूप में बनाते हैं और विजेट को एक क्वेरी (पोस्ट, उत्पाद, या किसी भी कस्टम पोस्ट प्रकार) पर इंगित करते हैं और यह खुद को एक पोस्ट जोड़ते हैं, हिंडोला अपडेट की आवश्यकता नहीं है संपादन।
यह एलिमेंटर 3.11 में आया और यह है एलिमेंटर हिंडोला विजेट अधिकांश लोग वास्तव में खोज रहे हैं जब वे एक पोस्ट हिंडोला या एक उत्पाद स्लाइडर की खोज करते हैं यह भी प्रो-केवल है, एलिमेंटर कोर में कोई मुफ्त समकक्ष नहीं है, इसलिए इस पोस्ट का दूसरा भाग कवर करता है मुफ्त हिंडोला विजेट यदि आपके पास लाइसेंस नहीं है तो यह आपको करीब लाता है।
यह मार्गदर्शिका क्या कवर करती है
- लूप हिंडोला बनाम लूप ग्रिड: कौन सा उपयोग करना है
- शुरू करने से पहले आपको क्या चाहिए
- एलिमेंटर में लूप कैरोसेल कैसे बनाएं
- सेटिंग्स जो लोगों को ऊपर ले जाती हैं
- WooCommerce उत्पादों के लिए लूप कैरोसेल
- कोई एलिमेंटर प्रो नहीं? मुक्त पथ
- जब लूप कैरोसेल गलत विकल्प है
- अक्सर पूछे जाने वाले प्रश्न
लूप हिंडोला बनाम लूप ग्रिड: कौन सा
एक ही इंजन, एक ही लूप आइटम टेम्पलेट, अलग प्रस्तुति ग्रिड खड़ी पंक्तियों को ढेर करता है हिंडोला एक क्षैतिज ट्रैक पर एक ही आइटम डालता है।
जब आइटम वैकल्पिक हों तो हिंडोला चुनें: एक “आप भी पसंद कर सकते हैं” स्ट्रिप, संबंधित पोस्ट, विशेष उत्पाद किसी को भी आइटम सात को देखने के लिए पृष्ठ को समझने के लिए नहीं है।
जब आइटम पृष्ठ हैं तो ग्रिड चुनें एक संग्रह, एक दुकान श्रेणी, एक ब्लॉग इंडेक्स एक तीर के पीछे एक श्रेणी सूची के दो तिहाई को छिपाने से आपको रूपांतरण खर्च होता है, क्योंकि एक दुकानदार जिसे अधिक उत्पादों को देखने के लिए क्लिक करना पड़ता है, आमतौर पर नहीं होता है।
नियम मैं एक ग्राहक दूंगा: यदि अनुभाग में ब्लॉग से “अधिक की तरह एक शीर्षक है, तो” हिंडोला यदि शीर्षक पृष्ठ शीर्षक है, ग्रिड।
शुरू करने से पहले आपको क्या चाहिए
- एलिमेंटर प्रो। लूप कैरोसेल मुफ्त प्लगइन में नहीं है और इसका कोई आंशिक संस्करण नहीं है।
- एक लूप आइटम टेम्पलेट। यह एकल स्लाइड डिजाइन है: विशेष रुप से प्रदर्शित छवि, शीर्षक, अंश, बटन थीम बिल्डर में एक बार बनाया गया, हर जगह पुन: उपयोग किया गया।
- क्वेरी करने के लिए सामग्री। पोस्ट, उत्पाद, या एक पंजीकृत कस्टम पोस्ट प्रकार।
पुराने इंस्टॉल पर आपको इसे एलिमेंटर → सेटिंग्स → फीचर्स के तहत सक्षम करने की भी आवश्यकता हो सकती है यह एक प्रयोग ध्वज के पीछे भेज दिया गया और स्थिर होने से पहले कुछ रिलीज के लिए वहां रहा।
एलिमेंटर में लूप कैरोसेल कैसे बनाएं
पहले स्लाइड बनाएं, फिर हिंडोला इसे दूसरे तरीके से गोल करने का मतलब है कि एक तंग पूर्वावलोकन के अंदर डिजाइन करना।
- लूप आइटम टेम्पलेट बनाएं। टेम्पलेट्स → थीम बिल्डर → लूप आइटम → नया जोड़ें पोस्ट प्रकार चुनें जो इसे प्रस्तुत करेगा आप एक कार्ड डिजाइन कर रहे हैं, एक सूची नहीं, और एलिमेंट एक आइटम दिखाता है और बाद में इसे दोहराता है।
- गतिशील टैग के साथ कार्ड बनाएँ। एक छवि विजेट जोड़ें और उसके स्रोत को डायनामिक → फीचर्ड इमेज पर सेट करें शीर्षक विजेट → डायनामिक → पोस्ट शीर्षक पाठ संपादक → पोस्ट अंश बटन → डायनामिक → पोस्ट यूआरएल यहां कुछ भी हार्डकोड नहीं है; प्रत्येक फ़ील्ड उस स्लॉट में आने वाली किसी भी पोस्ट से खींचता है।
- टेम्पलेट प्रकाशित करें और प्रदर्शन की स्थिति को तुरंत छोड़ दें लूप आइटम को शर्तों की आवश्यकता नहीं है, क्योंकि उन्हें किसी स्थान पर असाइन करने के बजाय विजेट द्वारा बुलाया जाता है।
- लूप कैरोसेल विजेट को गिराएं अपने पेज पर और वह टेम्प्लेट चुनें जो आपने अभी-अभी बनाया है, एक टेम्प्लेट चुनें।
- क्वेरी सेट करें। स्रोत (पोस्ट, उत्पाद, या आपका सीपीटी), फिर इसे संकीर्ण करें: वर्गीकरण द्वारा शामिल करें, वर्तमान पोस्ट को बाहर करें, पोस्ट-प्रति-पृष्ठ सेट करें यदि उसी पृष्ठ पर एक और लूप है तो “Avoid डुप्लिकेटएस” चालू करें, अन्यथा आपकी संबंधित-पोस्ट स्ट्रिप वही दोहराएगी जो पहले से ही साइडबार में है।
- हिंडोला कॉन्फ़िगर करें। स्लाइड प्रति दृश्य, स्क्रॉल करने के लिए स्लाइड, ऑटोप्ले, अनंत लूप, गति, होवर पर विराम पैनल के शीर्ष पर डिवाइस आइकन का उपयोग करके डेस्कटॉप, टैबलेट और मोबाइल के लिए स्लाइड-प्रति-दृश्य अलग-अलग सेट करें।
- नेविगेशन को स्टाइल करें। तीर, डॉट्स या अंश आकार, रंग, स्थिति और होवर राज्य सभी स्टाइल टैब में बैठते हैं।
सेटिंग्स जो लोगों को ऊपर ले जाती हैं
अनंत लूप को पर्याप्त वस्तुओं की आवश्यकता होती है। एलिमेंटर क्लोन रैप-अराउंड को नकली बनाने के लिए स्लाइड करता है, और इसे अदृश्य रूप से करने के लिए कम से कम दो बार आपके स्लाइड-प्रति-व्यू की आवश्यकता होती है तीन-प्रति-व्यू पर चार पोस्ट स्पष्ट रूप से कूदेंगे जब यह लपेटता है या तो पोस्ट-प्रति-पृष्ठ बढ़ाएं या लूप बंद करें।
पोस्ट-प्रति-पेज एक क्वेरी सीमा है, प्रदर्शन सीमा नहीं। इसे ६ पर सेट करें और हिंडोला कुल छह आइटम रखता है, हालांकि कई दिखाई दे रहे हैं लोग स्लाइड-प्रति-दृश्य से मेल खाने के लिए इसे ३ पर सेट करते हैं और फिर आश्चर्य करते हैं कि स्क्रॉल करने के लिए कुछ भी क्यों नहीं है।
एज गैप संकेत को बदल देता है। एक हिंडोला जो कंटेनर किनारे पर फ्लश समाप्त होता है समाप्त दिखता है एक छोटा सा किनारा अंतराल जोड़ें ताकि अगली स्लाइड झांकती है और लोग स्वाइप करना जानते हैं यह कुछ पिक्सेल है और यह मापने योग्य रूप से इंटरैक्शन दर को बदलता है।
ऑटोप्ले प्लस लिंक एक खराब जोड़ी है। यदि आपकी स्लाइड क्लिक करने योग्य हैं और हिंडोला टाइमर पर चलता है, तो कोई कार्ड के लिए पहुंच जाएगा और इसे बदलने वाले पर क्लिक करें पॉज़-ऑन-होवर डेस्कटॉप केस को ठीक करता है स्पर्श पर कोई होवर नहीं है, इसलिए के लिए क्लिक करने योग्य कार्ड मैं ऑटोप्ले को पूरी तरह से बंद कर दूंगा।
WooCommerce उत्पादों के लिए लूप कैरोसेल
एक ही प्रक्रिया, एक अंतर: उत्पादों के लिए स्रोत सेट करें और आपको वूकामर्स-विशिष्ट क्वेरी नियंत्रण मिलते हैं श्रेणी, टैग, या विशेषता के आधार पर फ़िल्टर करें, मूल्य, लोकप्रियता या तिथि के अनुसार क्रमबद्ध करें, और आउट-ऑफ-स्टॉक आइटम को बाहर करें।
उत्पादों के लिए लूप आइटम टेम्पलेट को गतिशील तत्वों के रूप में मूल्य और एक ऐड-टू-कार्ट बटन ले जाना चाहिए, स्थिर पाठ नहीं मिस करें और हिंडोला में प्रत्येक कार्ड एक ही कीमत दिखाता है, जो वास्तव में बग की तरह है जो उत्पादन के लिए जीवित रहता है क्योंकि यह संपादक पूर्वावलोकन में ठीक दिखता है।
संबंधित उत्पाद, हाल ही में देखे गए, और “लुक” स्ट्रिप्स को पूरा करें सभी एक अलग क्वेरी के साथ एक ही विजेट हैं। और यदि आपको स्ट्रिप के बजाय केवल एक उत्पाद की आवश्यकता है, तो विशेष उत्पाद विजेट बिना किसी क्वेरी के ऐसा करता है यह एक प्रो विजेट है, और यह एकमात्र वूकॉमर्स उत्पाद विजेट मास्टर एडॉन्स जहाज है।
कोई एलिमेंट प्रो नहीं? यहाँ मुफ़्त पथ है
लूप कैरोसेल प्रो है यदि आप मुफ्त एलिमेंट पर हैं, तो आपको यह नहीं मिल रहा है, और कोई भी मुफ्त ऐडऑन लूप आइटम टेम्पलेट सिस्टम को फिर से लागू नहीं करता है।
आप मुफ्त में क्या प्राप्त कर सकते हैं परिणाम है: एक गतिशील हिंडोला जो पोस्ट या उत्पादों को खींचता है और खुद को अपडेट करता है मास्टर एडॉन्स ' ब्लॉग विजेट मुक्त प्लगइन में एक हिंडोला मोड है पोस्ट प्रकार, श्रेणी, टैग या लेखक द्वारा क्वेरी करें, एक लेआउट चुनें, प्रदर्शन को हिंडोला में स्विच करें, और एक ही तीर, डॉट्स, ऑटोप्ले और प्रति-ब्रेकपॉइंट नियंत्रण कॉन्फ़िगर करें।
व्यापार-बंद ईमानदार है: आप कार्ड को डिज़ाइन नहीं करते हैं ब्लॉग विजेट आपको लेआउट प्रीसेट और एक स्टाइल टैब देता है बजाय एक खाली लूप आइटम कैनवास के यदि आपको स्लाइड पर पिक्सेल नियंत्रण की आवश्यकता है, तो एलिमेंटर प्रो का दृष्टिकोण बेहतर है यदि आपको जरूरत है “स्वाद एक स्लाइडर में छह पोस्ट जो सभ्य दिखते हैं, तो मुफ्त विजेट वहां तेजी से हो जाता है।
उत्पाद पतले होते हैं, और यह स्पष्ट रूप से कहने लायक है: कोई मुफ्त उत्पाद हिंडोला विजेट नहीं है एक स्लाइडिंग, स्व-अद्यतन उत्पाद पट्टी को एलिमेंटर प्रो के लूप कैरोसेल की आवश्यकता होती है, या नीचे दिए गए एक की तरह हाथ से भरे लेआउट की आवश्यकता होती है उत्पाद हिंडोला गाइड दोनों के माध्यम से काम करता है और यदि आपकी स्लाइड एक क्वेरी के बजाय निश्चित छवियां हैं, तो मुफ्त छवि हिंडोला विजेट छोटा मार्ग है, हालांकि उस बिंदु पर आप एक स्लाइडर बना रहे हैं, लूप नहीं।
के बारे में जानने के लायक एक तीसरा मुफ्त विकल्प है मास्टर एडॉन्स जहाजों 20 नामित हिंडोला और स्लाइडर डिज़ाइन आयात योग्य के रूप में विजेट बिल्डर फ़ाइलें, और उनमें से ८ आयात मुक्त वे क्वेरी-संचालित नहीं हैं, इसलिए आप हाथ से आइटम भरते हैं, लेकिन दो लूप कैरोसेल के उत्पादन के करीब बैठते हैं। चतुर्थांश पृष्ठांकित कैटलॉग पेज नौ आइटम बॉक्स का एक ग्रिड एक समय में तीन, प्रत्येक एक छवि, श्रेणी, शीर्षक और प्रतिलिपि के साथ, जो एक पृष्ठित उत्पाद लूप के लिए निकटतम मुफ्त चीज है। लेजर इंडेक्स स्लाइडर अभिलेखागार और कार्यों की सूची के लिए निर्मित डिस्प्ले प्लेट के बगल में प्रविष्टियों का एक क्लिक करने योग्य सूचकांक डालता है। सभी 20 पर एकत्र किए गए हैं हिंडोला विजेट्स हब.
जब लूप कैरोसेल गलत विकल्प है
तीन मामले, और मैंने तीनों को क्लाइंट साइटों पर गलत होते देखा है।
आपका संग्रह पृष्ठ। हिंडोला में एक श्रेणी सूची का मतलब है कि गूगल के क्रॉलर छह उत्पादों को देखता है जहां आपके पास साठ हैं बाकी डोम में हैं, लेकिन एक उपयोगकर्ता के लिए संकेत, और पृष्ठ की गहराई का न्याय करने वाले किसी भी व्यक्ति के लिए, यह है कि यह श्रेणी पतली है।
मोबाइल पर गुना के ऊपर। एक गतिशील हिंडोला एक क्वेरी, एक टेम्पलेट रेंडर और एक है स्लाइडर आरंभीकरण कुछ भी पेंट करने से पहले उसे एक फोन पेज के शीर्ष पर रखें और आपका सबसे बड़ा सामग्री पेंट एक स्पिनर है।
पांच से कम आइटम। तीन स्लाइड के साथ एक हिंडोला एक ग्रिड है जो लोगों को काम करता है बस तीनों को दिखाएं।
अक्सर पूछे जाने वाले प्रश्न
क्या एलिमेंटर लूप कैरोसेल मुक्त है?
नहीं लूप हिंडोला की आवश्यकता है एलिमेंटर प्रो, और कोई कम मुक्त संस्करण नहीं है मुफ्त विकल्प एक ऐडऑन से एक क्वेरी-संचालित हिंडोला विजेट है, और मास्टर एडॉन्स ब्लॉग विजेट में इसके मुक्त स्तर में एक हिंडोला मोड है जो पोस्ट को गतिशील रूप से हाथ से भरे लेआउट के लिए, मास्टर एडॉन्स के २० आयात योग्य हिंडोला डिजाइन में से ८ भी मुफ्त हैं।
लूप ग्रिड और लूप कैरोसेल के बीच क्या अंतर है?
वे एक ही लूप आइटम टेम्पलेट और क्वेरी नियंत्रण साझा करते हैं लूप ग्रिड पंक्तियों और स्तंभों में परिणाम की व्यवस्था करता है लूप हिंडोला उन्हें तीर और डॉट्स के साथ एक क्षैतिज स्लाइडिंग ट्रैक पर रखता है अभिलेखागार और लिस्टिंग के लिए ग्रिड का उपयोग करें, वैकल्पिक “संबंधित” या “फीचरड” स्ट्रिप्स के लिए हिंडोला।
मैं एलिमेंट में लूप कैरोसेल कैसे जोड़ूं?
छवि, शीर्षक और अंश के लिए गतिशील टैग का उपयोग करके पहले थीम बिल्डर में एक लूप आइटम टेम्पलेट बनाएं इसे प्रकाशित करें, फिर लूप कैरोसेल विजेट को अपने पृष्ठ पर खींचें, उस टेम्पलेट का चयन करें, क्वेरी स्रोत और फ़िल्टर सेट करें, और कैरोसेल सेटिंग्स के तहत स्लाइड-प्रति-दृश्य और ऑटोप्ले कॉन्फ़िगर करें।
मेरा लूप कैरोसेल पोस्ट क्यों नहीं दिखा रहा है?
आमतौर पर क्वेरी जांचें कि लूप आइटम टेम्पलेट का पोस्ट प्रकार विजेट के क्वेरी स्रोत से मेल खाता है, क्योंकि पोस्ट के लिए बनाया गया टेम्पलेट उत्पादों को प्रस्तुत नहीं करेगा दूसरा सबसे आम कारण एक वर्गीकरण फ़िल्टर है जिसमें कोई मिलान सामग्री नहीं है तीसरा पोस्ट-प्रति-पृष्ठ सेट है जो आपको लगता है।
लूप हिंडोला कस्टम पोस्ट प्रकार दिखा सकते हैं?
हाँ कोई भी पंजीकृत सार्वजनिक पोस्ट प्रकार क्वेरी स्रोत ड्रॉपडाउन में दिखाई देता है, और इसके कस्टम फ़ील्ड गतिशील टैग के रूप में उपलब्ध हैं यदि आप एसीएफ, मेटा बॉक्स या पॉड्स का उपयोग कर रहे हैं उस पोस्ट प्रकार के खिलाफ लूप आइटम टेम्पलेट बनाएं और हिंडोला बाकी को संभालता है।
मैं लूप कैरोसेल को कैसे उत्तरदायी बनाऊं?
सेटिंग के शीर्ष पर डिवाइस आइकन का उपयोग करके प्रत्येक ब्रेकपॉइंट पर स्लाइड-प्रति-दृश्य अलग-अलग सेट करें डेस्कटॉप पर तीन, टैबलेट पर दो, मोबाइल पर एक सुरक्षित डिफ़ॉल्ट है मोबाइल पर तीर आकार की भी जांच करें, क्योंकि डेस्कटॉप डिफ़ॉल्ट अक्सर आरामदायक टैप लक्ष्य होने के लिए बहुत छोटा होता है।
यहाँ से कहाँ जाना है
यदि आपके पास प्रो है, तो पहले लूप आइटम टेम्पलेट का निर्माण करें और इसे एक डिज़ाइन संपत्ति के रूप में मानें, आप बाकी साइट के लिए ग्रिड और हिंडोला में पुन: उपयोग करेंगे यह वह टुकड़ा है जो वापस भुगतान करता है।
यदि आप टेम्पलेट के बजाय कार्ड को पुन: प्रयोज्य विजेट के रूप में बनाना चाहते हैं, तो यही है अपना खुद का विजेट लिखना के लिए है, और द मूल्य निर्धारण पृष्ठ उस स्तर को कवर करता है जिसमें वह बैठता है।
यदि आप नहीं करते हैं, तो मुफ्त क्वेरी-संचालित विजेट से शुरू करें और देखें कि क्या लेआउट प्रीसेट आपको पर्याप्त रूप से बंद कर देते हैं दोनों पथ पर कवर किए गए हैं एलिमेंटर हिंडोला विजेट पृष्ठ, हिंडोला विकल्पों के बाकी के साथ अभी भी प्रारूप पर निर्णय ले रहे हैं? हिंडोला बनाम स्लाइडर यह तय करता है कि आपके अनुभाग को वास्तव में किस आकार की आवश्यकता है, और स्लाइडर प्लगइन राउंडअप इसे बनाने वाले प्लगइन्स को कवर करता है।
