कभी-कभी आप अपने आप लोड करने के लिए एक पॉपअप नहीं चाहते हैं आप चाहते हैं कि यह केवल तभी खुले जब कोई बटन या लिंक पर क्लिक करता है मास्टर एडॉन्स पॉपअप बिल्डर के साथ ऐसा करता है पर क्लिक ट्रिगर और एक सीएसएस आईडी चयनकर्ता आप पॉपअप पर आईडी सेट करते हैं, फिर उसी आईडी को किसी भी एलिमेंट तत्व में जोड़ते हैं, और उस तत्व पर क्लिक करने से पॉपअप खुल जाता है।
एलिमेंटर में ऑन-क्लिक पॉपअप क्या है? #
एलिमेंटर में एक ऑन-क्लिक पॉपअप एक पॉपअप है जो तब तक छिपा रहता है जब तक कि कोई विज़िटर पृष्ठ लोड होने पर अपने आप दिखाई देने के बजाय एक बटन, लिंक, छवि या आइकन 2 पर एक विशिष्ट तत्व पर क्लिक नहीं करता है मास्टर एडॉन्स पॉपअप बिल्डर के साथ एक बनाता है पर क्लिक ट्रिगर: आप पॉपअप को सीएसएस देते हैं आईडी चयनकर्ता जैसे कि #sale-popup, फिर वही आईडी जोड़ें (बिना) #किसी भी एलिमेंट तत्व के सीएसएस आईडी फ़ील्ड के लिए () क्योंकि मैच अकेले आईडी पर बनाया गया है, एक पॉपअप को कई तत्वों से ट्रिगर किया जा सकता है जैसा कि आप चाहते हैं कि आप जैसे कि और यह मुफ्त प्लगइन के साथ काम करता है, जिसमें कोई एलिमेंट प्रो लाइसेंस और कस्टम जावास्क्रिप्ट ऑन-क्लिक पॉपअप सूट इरादे से संचालित सामग्री जैसे मूल्य निर्धारण विवरण, वीडियो डेमो, लॉगिन फॉर्म और कूपन कोड, जहां एक स्वचालित पॉपअप मदद करने के बजाय बाकी ब्राउज़ करें मास्टर ऐडऑन विजेट और एक्सटेंशन यह देखने के लिए कि आप एक के अंदर और क्या डाल सकते हैं।
इससे पहले कि आप शुरू करें #
ऑन-क्लिक पॉपअप सेट करने से पहले तीन चीजों को जगह में होना चाहिए: मास्टर एडॉन्स पॉपअप बिल्डर में पहले से ही बनाया गया एक पॉपअप, एलिमेंटर स्थापित और सक्रिय, और एलिमेंटर के लिए मास्टर एडॉन्स स्थापित और सक्रिय है, फिर पूरा सेटअप दो फ़ील्ड लेता है और लगभग एक मिनट।
- मास्टर एडॉन्स पॉपअप बिल्डर में पहले से ही एक पॉपअप बनाया गया है (देखें) पॉपअप सेटिंग्स गाइड एक बनाने के लिए)
- एलिमेंटर स्थापित और सक्रिय
- एलिमेंटर के लिए मास्टर ऐडऑन स्थापित और सक्रिय (स्थापना गाइड)
चरण १: क्लिक पर खोलने के लिए पॉपअप सेट करें #
एलिमेंटर में अपना पॉपअप खोलें और पर जाएं एमए पॉपअप सेटिंग्स पैनल। के अंतर्गत सेटिंग्स, बदलो पॉपअप खोलें को पर क्लिकएक नया क्षेत्र दिखाता हैः चयनकर्ता द्वारा खोलें.
उस फ़ील्ड में, एक सीएसएस आईडी टाइप करें # चिन्ह के साथउदाहरण के लिए #sale-popupवह चयनकर्ता है जो पॉपअप को ट्रिगर करता है नाम को सरल और अद्वितीय रखें ताकि इसका पुन: उपयोग करना आसान हो।
चरण २: सीएसएस आईडी को एक एलिमेंट एलिमेंट में जोड़ें #
अब उस पृष्ठ पर जाएं जहां आप ट्रिगर चाहते हैं और इसे एलिमेंटर में संपादित करें किसी भी तत्व को चुनें, एक बटन अच्छी तरह से काम करता है, और इसे खोलें उन्नत टैब। खोजें सीएसएस आईडी फ़ील्ड करें और एक ही नाम दर्ज करें, लेकिन # चिह्न के बिना इस बार, तो sale-popup.
वह अंतर लोगों को परेशान करता है: पॉपअप का ओपन बाय सेलेक्टोर उपयोग करता है #sale-popup, जबकि तत्व की सीएसएस आईडी उपयोग करती है sale-popup. द # चयनकर्ता सिंटैक्स का हिस्सा है, आईडी का हिस्सा नहीं।
चरण ३: पूर्वावलोकन करें और क्लिक करें #
पृष्ठ को अपडेट करें, फिर इसे सामने के छोर पर पूर्वावलोकन करें आप अपने बटन को देखेंगे (यहां इसे पॉपअप” खोलने के लिए “क्लिक लेबल किया गया है) लेआउट में बैठे, अभी तक कोई पॉपअप नहीं दिख रहा है।
बटन पर क्लिक करें, और पॉपअप तुरंत खुलता है एक ही ट्रिगर कई तत्वों पर काम करता है जैसा आप चाहते हैं, बस प्रत्येक को एक ही सीएसएस आईडी दें।
समस्या निवारण #
- क्लिक पर कुछ नहीं होता? सुनिश्चित करें कि आईडी मेल खाते हैंः
#sale-popupपॉपअप में चयनकर्ता द्वारा खोलें, औरsale-popupतत्व की सीएसएस आईडी में (नहीं #)। - पॉपअप सक्रिय नहीं है? जांचें कि पॉपअप सक्रियण चालू है और इसकी प्रदर्शन स्थितियों में बटन वाला पृष्ठ शामिल है।
- सीएसएस आईडी फ़ील्ड में # का उपयोग किया गया? इसे हटा दें एलिमेंटर सीएसएस आईडी केवल सादा नाम लेता है।
अक्सर पूछे जाने वाले प्रश्न #
मैं क्लिक पर मास्टर ऐडऑन पॉपअप कैसे खोलूं?
एमए पॉपअप सेटिंग्स पैनल में, ओपन पॉपअप को ऑन क्लिक पर सेट करें और ओपन बाय सेलेक्टर फ़ील्ड में #सेल-पॉपअप जैसी सीएसएस आईडी दर्ज करें। फिर एलिमेंट के एडवांस्ड टैब में किसी तत्व के सीएसएस आईडी फ़ील्ड में # के बिना वही आईडी जोड़ें।
मैं # को एक स्थान पर क्यों जोड़ूं लेकिन दूसरे स्थान पर नहीं?
चयनकर्ता द्वारा खोलें फ़ील्ड एक सीएसएस चयनकर्ता की अपेक्षा करता है, और # एक आईडी चयनकर्ता को चिह्नित करता है। एलिमेंटर सीएसएस आईडी फ़ील्ड केवल आईडी नाम की अपेक्षा करता है। इसलिए आप पॉपअप में #सेल-पॉपअप और तत्व पर सेल-पॉपअप का उपयोग करें।
क्या मैं एक से अधिक बटन से पॉपअप ट्रिगर कर सकता हूं?
हाँ। प्रत्येक बटन या तत्व को एक ही सीएसएस आईडी दें, फिर प्रत्येक क्लिक पर एक ही पॉपअप खोलता है। आप बटन, लिंक और अन्य तत्वों को मिला सकते हैं।
क्या मैं बटन के बजाय टेक्स्ट लिंक से पॉपअप खोल सकता हूं?
हाँ मिलान सीएसएस आईडी के साथ कोई भी तत्व काम करता है, जिसमें एक लिंक, एक छवि या एक आइकन शामिल है आईडी को उस तत्व के उन्नत टैब में जोड़ें और यह एक ट्रिगर बन जाता है।
क्या मुझे ऑन-क्लिक पॉपअप के लिए एलिमेंटर प्रो की आवश्यकता है?
नहीं मास्टर एडॉन्स पॉपअप बिल्डर एलिमेंटर के मुफ्त संस्करण के साथ काम करता है, इसलिए ऑन क्लिक ट्रिगर और सीएसएस आईडी विधि एलिमेंटर प्रो के बिना काम करती है।
