एलिमेंटर में मूल्य सूची या मेनू कैसे बनाएं (३ तरीके)

कुंजी तकिए

• एलिमेंटर मूल्य सूची मेनू, सेवा दरों और भागों की सूचियों के लिए प्रति पंक्ति एक मूल्य वाली सूची है; यह मूल्य निर्धारण तालिका से भिन्न विजेट है, जिसकी प्रति कार्ड एक कीमत होती है।
• एलिमेंट की अपनी मूल्य सूची विजेट एलिमेंट प्रो का हिस्सा है, जिसमें प्रति आइटम शीर्षक, विवरण, मूल्य और वैकल्पिक छवि है।
• मास्टर एडॉन्स डायनेमिक टेबल विजेट एक वास्तविक HTML तालिका के रूप में एक मूल्य सूची बनाता है: कॉलम चौड़ाई के साथ एक हेडर पंक्ति, एक बॉडी रिपीटर जहां प्रत्येक आइटम एक नई पंक्ति शुरू करता है, धारीदार पंक्तियाँ और फोन के लिए एक उत्तरदायी मोड।
• एक मूल्य निर्धारण तालिका विजेट एक मेनू के लिए गलत उपकरण है, क्योंकि दस व्यंजनों का मतलब दस कार्ड होगा, लेकिन यह एक फीचर सूची के साथ दो या तीन सेवा पैकेजों के लिए सही है।
• किसी सूची में कीमतें अपने स्वयं के कॉलम में सही ढंग से संरेखित होनी चाहिए ताकि नज़र उन पर पड़ सके, और विवरण प्रति आइटम एक पंक्ति तक रहना चाहिए।
• तालिका-आधारित मूल्य सूची पृष्ठ में सादा पाठ है, इसलिए प्रत्येक डिश का नाम और कीमत खोज इंजन और स्क्रीन रीडर द्वारा पढ़ने योग्य है।

एक एलिमेंट मूल्य सूची प्रत्येक पंक्ति पर एक मूल्य के साथ वस्तुओं की एक सूची है: एक रेस्तरां मेनू, एक सैलून की सेवा दरें, एक कार्यशाला के भागों की सूची यह एक मूल्य निर्धारण तालिका नहीं है एक मूल्य निर्धारण तालिका में प्रति कार्ड एक मूल्य है और योजनाएं बेचता है; एक मूल्य सूची में प्रति पंक्ति एक मूल्य होता है और सूचित करता है कि एलिमेंट प्रो में अपना मूल्य सूची विजेट डालता है, इसलिए मुफ्त प्लगइन पर आपको एक और मार्ग की आवश्यकता होती है।

यह मार्गदर्शिका एक बनाने के तीन तरीके दिखाती है और जब प्रत्येक फिट बैठता है रूट १ एलिमेंटर प्रो की मूल्य सूची विजेट है रूट २ से डायनामिक टेबल विजेट है मास्टर ऐडऑने, जो एक मूल्य कॉलम के साथ एक साफ तालिका में एक मेनू बदल देता है रूट ३ उस मामले के लिए कार्ड का मूल्य निर्धारण कर रहा है जहां “लिस्ट” सुविधाओं के साथ दो या तीन पैकेज हैं, जो सभी के बाद एक मूल्य निर्धारण तालिका नौकरी है।

मूल्य सूची बनाम मूल्य निर्धारण तालिका

एक मूल्य सूची में कई आइटम और एक मूल्य प्रत्येक है; एक मूल्य निर्धारण तालिका में कुछ योजनाएं और एक फीचर सूची प्रत्येक है एक रेस्तरां में मेनू एक मूल्य सूची है सास साइट पर तीन होस्टिंग योजनाएं एक मूल्य निर्धारण तालिका हैं उन्हें मिश्रण करना सामान्य कारण है कि एलिमेंटर में निर्मित मेनू गलत दिखता है: दस व्यंजन दस मूल्य निर्धारण कार्ड के रूप में बक्से की एक दीवार है, और तीन योजनाएं एक सूची के रूप में उन सुविधाओं को छुपाती हैं जो उन्हें बेचते हैं।

तो पहला सवाल यह है कि आपके पास कितने आइटम हैं और क्या प्रत्येक को एक फीचर सूची की आवश्यकता है एक मूल्य और एक पंक्ति विवरण के साथ चार से अधिक आइटम: मूल्य सूची प्रत्येक कई विशेषताओं के साथ दो से चार आइटम: मूल्य निर्धारण तालिका।

रूट 1: एलिमेंटर प्रो की मूल्य सूची विजेट

एलिमेंटर प्रो में मेनू के लिए एक मूल्य सूची विजेट बनाया गया है इसके पुनरावर्तक में प्रत्येक आइटम में एक शीर्षक, एक विवरण, एक मूल्य, एक वैकल्पिक छवि और एक लिंक है, और विजेट शीर्षक और मूल्य के बीच एक बिंदीदार या ठोस विभाजक खींचता है स्टाइल टैब सूची रिक्ति, विभाजक शैली और छवि आकार को नियंत्रित करता है इसे एलिमेंटर प्रो की आवश्यकता होती है, इसलिए मुफ्त प्लगइन पर विजेट पैनल में दिखाई नहीं देता है।

यदि आप पहले से ही प्रो के लिए भुगतान करते हैं, तो यह क्लासिक मेनू के लिए सबसे छोटा मार्ग है यह क्या नहीं करता है कॉलम: प्रत्येक आइटम दाईं ओर धकेल दी गई कीमत के साथ एक पंक्ति है, इसलिए एक सूची जिसे आकार या मात्रा कॉलम, या तीन मूल्य प्रति आइटम (छोटा, मध्यम, बड़ा), फिट नहीं है स्रोतः एलिमेंटर्स प्राइस लिस्ट विजेट सहायता पृष्ठ.

रूट 2: डायनेमिक टेबल विजेट वाला एक मेनू

द गतिशील टेबल विजेट एलिमेंटर पैनल में एक वास्तविक एचटीएमएल तालिका बनाता है: कॉलम के लिए एक हेडर पुनरावर्तक और कोशिकाओं के लिए एक बॉडी पुनरावर्तक एक मूल्य सूची के लिए जिसका अर्थ है एक डिश कॉलम, एक विवरण कॉलम और एक मूल्य कॉलम, प्रत्येक मेनू आइटम के साथ अपनी पंक्ति में विजेट मास्टर एडॉन्स प्लगइन में है और एलिमेंटर प्रो की आवश्यकता नहीं है।

कॉलम सेट करें

1. ड्रॉप द गतिशील तालिका पेज पर विजेट करें और खोलें हेडर पुनरावर्तक।
2. तीन हेडर सेल जोड़ें: डिश, विवरण, मूल्य प्रत्येक पर, चालू करें कस्टम चौड़ाई और 28, 56 और 16 प्रतिशत सेट करें ताकि विवरण को जगह मिल जाए और मूल्य कॉलम संकीर्ण रहे।
3. मूल्य शीर्षलेख के संरेखण को दाईं ओर सेट करें।

आइटम जोड़ें

1. को खोलें शरीर पुनरावर्तक प्रत्येक प्रविष्टि एक सेल है पहला डिश नाम जोड़ें और चालू करें नई पंक्ति प्रारंभ करें इसके लिए।
2. विवरण को अगले सेल के रूप में और कीमत को तीसरे के रूप में जोड़ें, मूल्य सेल को दाईं ओर संरेखित करें।
3. हर आइटम के लिए दोहराएं: डिश नाम पर एक नई पंक्ति शुरू होती है, फिर दो और कोशिकाएं छह आइटम अठारह कोशिकाएं हैं।

एक सेल पाठ के बजाय एक आइकन या एक छवि ले जा सकता है, जो कि एक मेनू को एक डिश के बगल में एक छोटी सी तस्वीर मिलती है या शाकाहारी पंक्तियों पर एक पत्ती आइकन होता है कोशिकाएं कॉलम भी फैला सकती हैं, इसलिए एक कोर्स हेडिंग जैसे कि “मेनसंबुग पूरी चौड़ाई में अपनी खुद की एक पंक्ति पर बैठ सकता है।

इसे मेनू की तरह स्टाइल करें

स्टाइल टैब में, हेडर बैकग्राउंड को गहरे रंग में और हेडर टेक्स्ट को सफेद रंग में सेट करें, चालू करें धारीदार पंक्तियाँ तो हर दूसरी पंक्ति रंगा हुआ है, और तालिका को एक हल्के भूरे रंग में एक पिक्सेल सीमा दें शरीर के पाठ को अपने पैराग्राफ के समान आकार में रखें और यदि आप चाहते हैं कि आंखों को संख्याओं पर उतरना है तो मूल्य स्तंभ बोल्ड करें विजेट का उत्तरदायी मोड प्रत्येक पंक्ति को फोन पर एक ब्लॉक में ढेर करता है, प्रत्येक मूल्य के बगल में कॉलम हेडर मुद्रित होता है, इसलिए तीन-कॉलम मेनू बग़ल में स्क्रॉल किए बिना पठनीय रहता है।

मार्ग 3: मूल्य निर्धारण कार्ड के रूप में सेवा पैकेज

कुछ “मूल्य सूची” वास्तव में दो या तीन पैकेज हैं: एक बंद सेवा और एक मासिक योजना, या एक ही नौकरी का एक बुनियादी और एक प्रीमियम स्तर प्रत्येक पैकेज में कुछ चीजें शामिल हैं, और पाठक उनके बीच चयन कर रहा है कि एक मूल्य निर्धारण तालिका है, और मूल्य निर्धारण तालिका विजेट क्या यह प्रति पैकेज एक कार्ड में होता है जिसमें कीमत बड़ी होती है और सूची के रूप में समावेशन होता है।

उपरोक्त अनुभाग, से टेम्पलेट लाइब्रेरी, आकृति दिखाता है: बाईं ओर नाम और विवरण के साथ प्रति पैकेज एक विस्तृत पंक्ति, दो कॉलम में शामिल और बहिष्कृत आइटम, और दाईं ओर एक बटन के साथ कीमत यह आत्मा में एक मूल्य सूची है और संरचना में एक मूल्य निर्धारण तालिका है, और अंगूठे का नियम धारण करता है: कुछ आइटम, कई विशेषताएं प्रत्येक, इसलिए कार्ड मूल्य निर्धारण तालिका टेम्पलेट्स पोस्ट में अधिक कार्ड डिजाइन हैं।

मूल्य सूची डिजाइन नियम

• कीमतें अपने स्वयं के कॉलम में, सही संरेखित। पाठक कीमतों को एक कॉलम के रूप में स्कैन करता है प्रत्येक पंक्ति पर विवरण के बाद टक की गई कीमत को स्कैन नहीं किया जा सकता है।
• प्रति विवरण एक पंक्ति। “बेसिल तेल, खट्टा क्रंबेग्मा पर्याप्त है प्रति डिश एक पैराग्राफ सूची को एक पृष्ठ में बदल देता है।
• पाठ्यक्रम या श्रेणी के अनुसार समूह पूर्ण-चौड़ाई वाली शीर्षक पंक्ति के साथ, और समूहों को उसी क्रम में रखें जिस क्रम में ग्राहक ऑर्डर करेगा।
• एक बार मुद्रा दिखाओ हेडर या पहली कीमत में, या हर कीमत पर प्रतीक रखें; दोनों को मिलाना एक त्रुटि जैसा लगता है।
• इसे टेक्स्ट रखें. एक छवि के रूप में अपलोड किए गए मेनू को खोजा नहीं जा सकता है, जोर से पढ़ा जा सकता है या डिजाइनर के बिना अपडेट किया जा सकता है एलिमेंट में एक तालिका पाठ है।
• इसे फोन पर जांचें। ३९० पिक्सेल चौड़ी तीन-स्तंभ तालिका को स्टैक्ड मोड की आवश्यकता होती है, और कीमत अभी भी डिश के नाम के ठीक बाद आनी चाहिए।

कौन सा मार्ग चुनना है

मूल्य कॉलम और कोई एलिमेंटर प्रो के साथ एक मेनू की आवश्यकता है? द गतिशील टेबल विजेट इसे एलिमेंटर पैनल में एक वास्तविक टेबल के रूप में बनाता है, जिसमें धारीदार पंक्तियाँ और फोन के लिए एक स्टैक्ड लेआउट होता है।

अक्सर पूछे जाने वाले प्रश्न

अंतिम विचार

एलिमेंटर में एक मूल्य सूची प्रति पंक्ति एक मूल्य है, और मार्ग आपके पास क्या है पर निर्भर करता है एलिमेंटर प्रो की मूल्य सूची विजेट प्रो उपयोगकर्ताओं के लिए एक सरल मेनू को कवर करता है मास्टर एडॉन्स डायनामिक टेबल मुफ्त एलिमेंटर पर एक ही मेनू को कवर करता है और आकार, मात्रा या पाठ्यक्रम के लिए कॉलम सुविधाओं के साथ दो या तीन पैकेज एक मूल्य निर्धारण तालिका है, सूची नहीं है, और मूल्य निर्धारण तालिका विजेट उन कार्ड के रूप में संभालती है।

से शुरू करें गतिशील तालिका विजेट पृष्ठ मेनू मार्ग के लिए, या मूल्य निर्धारण तालिका विजेट पृष्ठ यदि आपकी सूची वास्तव में पैकेजों का एक सेट है।

संबंधित पढ़ने

• मूल्य निर्धारण तालिका डिजाइन: उदाहरणों के साथ १० युक्तियाँ
• गतिशील टेबल विजेट
• गतिशील तालिका दस्तावेज़ीकरण
• तुलना तालिका विजेट
• मास्टर एडॉन्स टेम्पलेट लाइब्रेरी
• एलिमेंटर मूल्य निर्धारण तालिका में मासिक और वार्षिक टॉगल कैसे जोड़ें
• एलिमेंटर मूल्य निर्धारण तालिका बनाम तुलना तालिका: जिसका उपयोग करना है