मुख्य सामग्री पर जाएं
कोड एडिटर से आपको टेम्पलेट पर पूरा नियंत्रण मिलता है। टेम्पलेट Liquid के साथ HTML और CSS होते हैं। Liquid वही टेम्पलेट भाषा है जिसका उपयोग Shopify करता है: {{ order_name }} ऑर्डर का नाम प्रिंट करता है, {% for line_item in line_items %} हर आइटम के लिए दोहराता है। Foliant के ऑर्डर चर Shopify Order Printer के चरों जैसे ही हैं, इसलिए उसके लिए लिखे गए टेम्पलेट ज़्यादातर बिना बदलाव के काम करते हैं। कोड एडिटर हर प्लान में उपलब्ध है।

कोड एडिटर खोलें

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

फ़ील्ड डालें

  1. कर्सर वहाँ रखें जहाँ फ़ील्ड आनी चाहिए।
  2. फ़ील्ड डालें पर क्लिक करें।
  3. फ़ील्ड खोजें में फ़ील्ड खोजें (जैसे “tracking” या “SKU”), और उस पर क्लिक करें।
Foliant कर्सर की जगह पर उसका Liquid डाल देता है, जैसे {{ shipping_address.city }}। लाइन आइटम फ़ील्ड, जैसे {{ line_item.sku }}, सिर्फ़ लाइन आइटम लूप के अंदर काम करती हैं: लूप डालने के लिए लाइन आइटम डालें।

कोड में खोजें

टेम्पलेट में टेक्स्ट ढूँढने के लिए फ़ील्ड डालें के बगल वाले खोज बटन पर क्लिक करें (या कोड में ⌘F / Ctrl+F दबाएँ)।

कोड त्रुटियाँ

आप टाइप करते समय एडिटर आपका कोड जाँचता है और समस्याओं को हाशिये में चिह्नित करता है:
  • त्रुटियाँ आपको सेव करने से रोकती हैं और प्रीव्यू रोक देती हैं। बिना बंद किया {{ या {% एक त्रुटि है। ये एडिटर के ऊपर कोड त्रुटियाँ बैनर में दिखती हैं, हर एक के साथ पंक्ति पर जाएँ।
  • चेतावनियाँ उन चीज़ों की ओर इशारा करती हैं जो गलत हो सकती हैं, पर आपको सेव करने से नहीं रोकतीं, जैसे अज्ञात Liquid फ़िल्टर, टैग या ऑब्जेक्ट, अज्ञात HTML टैग या CSS प्रॉपर्टी, या बिना बंद किया HTML टैग।
सेव करते समय Foliant भी टेम्पलेट जाँचता है: Liquid पढ़ने योग्य होना चाहिए, HTML टैग संतुलित होने चाहिए, और इनलाइन SVG में सिर्फ़ ड्रॉइंग एलिमेंट हो सकते हैं। अगर कुछ गलत है, तो सेव विफल हो जाता है और अपडेट करने में विफल रहा बैनर अधिकतम पाँच समस्याएँ दिखाता है, जहाँ पता हो वहाँ पंक्ति संख्या के साथ। अगर टेम्पलेट सेव हो जाता है पर प्रीव्यू रेंडर नहीं हो पाता, तो एक बैनर Liquid का संदेश और पंक्ति दिखाता है, जब वह पता हो।

अच्छे टेम्पलेट लिखें

  • पैसे की राशियाँ सेंट में होती हैं: उन्हें हमेशा money फ़िल्टर के साथ प्रिंट करें, जैसे {{ total_price | money }}। टेम्पलेट में पैसा और मुद्रा देखें।
  • ग्राहकों द्वारा टाइप किए गए टेक्स्ट, जैसे नोट और पते, पर | escape का उपयोग करें: {{ note | escape }}।
  • दस्तावेज़ की भाषा के अनुसार बदलने वाले शब्दों के लिए {{ 'subtotal' | t }} का उपयोग करें। तारीखें, भाषाएँ और अनुवाद देखें।
  • VAT के लिए Foliant के बिल्ट-इन स्निपेट का उपयोग करें: {% include 'vat_breakdown' %} VAT ब्रेकडाउन तालिका प्रिंट करता है, और {% include 'legal_notes' %} कानूनी नोट (रिवर्स चार्ज, निर्यात, IOSS…)।

जानने योग्य बातें

  • अगर कोई क्रमांकित टेम्पलेट (इनवॉइस, क्रेडिट नोट या कोटेशन) कहीं भी document_number प्रिंट नहीं करता, तो Foliant दस्तावेज़ के अंत में नंबर के साथ एक छोटी पंक्ति जोड़ देता है। टेम्पलेट में दस्तावेज़ नंबर देखें।
  • कोड टेम्पलेट के लिए पेज नंबर और दोहराए जाने वाले तालिका हेडर टेम्पलेट के सेटिंग पेज पर, पेज लेआउट के अंतर्गत हैं।
  • Shopify Order Printer या Order Printer Pro से टेम्पलेट लाने के लिए, टेम्पलेट पेज पर टेम्पलेट इंपोर्ट करें का उपयोग करें। Order Printer से टेम्पलेट इंपोर्ट करें देखें।

संबंधित लेख