Order Printer टेम्पलेट को कस्टमाइज़ करना

आप अपने Shopify एडमिन में Order Printer ऐप के लिए 15 टेम्पलेट तक बना और कस्टमाइज़ कर सकते हैं। डिफ़ॉल्ट रूप से, Order Printer ऐप में दो टेम्पलेट शामिल होते हैं:

  • इनवॉइस - एक बेसिक इनवॉइस जिसे आप किसी ग्राहक को भेज सकते हैं
  • पैकिंग स्लिप - आपकी दुकान के पते और आपके ग्राहक के शिपिंग पते का प्रिंटआउट

एक नया Order Printer टेम्पलेट बनाएं

नया Order Printer टेम्पलेट बनाने के लिए आपको HTML, CSS और Liquid की जानकारी होनी चाहिए। Shopify Design Policy के स्कोप के तहत, मुफ़्त Shopify थीम में मामूली बदलाव करने में Shopify थीम समर्थन आपकी मदद कर सकता है। अगर आपको ज़्यादा जटिल बदलावों की ज़रूरत है या आप ऐसी थीम का इस्तेमाल करते हैं जिसे Shopify ने नहीं बनाया है, तो किसी Shopify पार्टनर को हायर करने पर विचार करें।

चरण:

  1. अपने Shopify एडमिन से, ऐप > Order Printer (legacy) पर जाएं।

  2. टेम्पलेट प्रबंधित करें पर क्लिक करें।

  3. टेम्पलेट जोड़ें पर क्लिक करें।

  4. नाम फ़ील्ड में अपने नए टेम्पलेट के लिए एक नाम डालें।

  5. अपना टेम्पलेट बनाने के लिए, कोड फ़ील्ड में HTML, CSS या Liquid कोड जोड़ें।

  6. जब आप पूरा कर लें, तो सेव करें पर क्लिक करें।

Order Printer टेम्पलेट एडिट करें

अपने Order Printer टेम्पलेट में बदलाव करने के लिए आपको HTML, CSS और Liquid की जानकारी होनी चाहिए। Shopify थीम समर्थन आपके लिए टेम्पलेट में बहुत ज़्यादा बदलाव नहीं कर सकता, लेकिन Shopify Design Policy के स्कोप के तहत, मुफ़्त Shopify थीम में मामूली बदलाव करने में मदद कर सकता है। ज़्यादा जटिल बदलावों के लिए, किसी Shopify पार्टनर को हायर करने पर विचार करें।

चरण:

  1. अपने Shopify एडमिन से, ऐप > Order Printer (legacy) पर जाएं।

  2. टेम्पलेट प्रबंधित करें पर क्लिक करें।

  3. उस टेम्पलेट के नाम पर क्लिक करें जिसे आप एडिट करना चाहते हैं।

  4. कोड फ़ील्ड में HTML, CSS या Liquid कोड जोड़कर या एडिट करके टेम्पलेट में अपने बदलाव करें। टेम्पलेट कस्टमाइज़ेशन के उदाहरणों का प्रीव्यू देखने के लिए, टेम्पलेट कस्टमाइज़ेशन के उदाहरण देखें।

  5. जब आप पूरा कर लें, तो सेव करें पर क्लिक करें।

टेम्पलेट कस्टमाइज़ेशन के उदाहरण

नीचे दिए गए उदाहरण Order Printer टेम्पलेट को कस्टमाइज़ करने के कुछ सामान्य तरीके बताते हैं:

डेस्कटॉप
  1. अपने Shopify एडमिन से, कंटेंट > फ़ाइल पर जाएं।

  2. फ़ाइल अपलोड करें पर क्लिक करें और अपने कंप्यूटर पर इमेज फ़ाइल चुनें।

  3. फ़ाइल पेज पर, अपलोड की गई फ़ाइल ढूंढें और URL कॉपी करें पर क्लिक करें।

  4. अपने Shopify एडमिन से, सेटिंग्स > ऐप पर क्लिक करें।

  5. ऐप खोलने के लिए, Order Printer पर क्लिक करें।

  6. टेम्पलेट प्रबंधित करें पर क्लिक करें।

  7. उस टेम्पलेट के नाम पर क्लिक करें जिसे आप एडिट करना चाहते हैं।

  8. अपने टेम्पलेट में उस जगह पर नीचे दिया गया कोड स्निपेट डालें, जहां आप अपना लोगो दिखाना चाहते हैं: <img src="your-image-URL">

  9. your-image-URL को आपके कॉपी किए गए इमेज URL से बदलें। इस पर निर्भर करते हुए कि आप अपना लोगो कहां दिखाना चाहते हैं, आपको अपनी इमेज के पहले या बाद में लाइन ब्रेक जोड़ने के लिए <br/> टैग जोड़ना पड़ सकता है।

मोबाइल
  1. Shopify ऐप से, Menu आइकन टैप करें।

  2. कंटेंट मेनू में, नीचे तीर आइकन पर टैप करें और फिर फ़ाइल पर टैप करें।

  3. फ़ाइल अपलोड करें पर टैप करें और अपने कंप्यूटर पर इमेज फ़ाइल चुनें।

  4. फ़ाइल पेज पर, अपलोड की गई फ़ाइल ढूंढें और URL कॉपी करें पर टैप करें।

  5. अपने Shopify एडमिन से, सेटिंग्स > ऐप पर टैप करें।

  6. ऐप खोलने के लिए, Order Printer पर टैप करें।

  7. टेम्पलेट प्रबंधित करें पर टैप करें।

  8. उस टेम्पलेट के नाम पर टैप करें जिसे आप एडिट करना चाहते हैं।

  9. अपने टेम्पलेट में उस जगह पर नीचे दिया गया कोड स्निपेट डालें, जहां आप अपना लोगो दिखाना चाहते हैं: <img src="your-image-URL">

  10. your-image-URL को आपके कॉपी किए गए इमेज URL से बदलें। इस पर निर्भर करते हुए कि आप अपना लोगो कहां दिखाना चाहते हैं, आपको अपनी इमेज के पहले या बाद में लाइन ब्रेक जोड़ने के लिए <br/> टैग जोड़ना पड़ सकता है।

यह HTML में इस तरह दिखना चाहिए:

उदाहरण HTML कोड

उदाहरण: तालिका की चौड़ाई 100% करें

अपनी तालिकाओं में बॉर्डर जोड़ने और उनकी चौड़ाई 100% तक करने के लिए, अपनी तालिका में table-tabular क्लास जोड़ें:

<table class="table-tabular">
    ...
</table>

उदाहरण: प्रोडक्ट थंबनेल दिखाएं

प्रोडक्ट थंबनेल शामिल करने के लिए, इस कोड को अपने टेम्पलेट में डालें:

{{ line_item.product.featured_image | product_img_url: 'thumb' | img_tag }}

ऑर्डर का विवरण जोड़ें

आप खरीदे गए आइटम के नाम, मात्रा और लागत जैसे ऑर्डर विवरण अपने टेम्पलेट में जोड़ सकते हैं। अपने टेम्पलेट में ऑर्डर विवरण जोड़ने के लिए:

  1. अपने Shopify एडमिन से, ऐप > Order Printer (legacy) पर जाएं।

  2. टेम्पलेट प्रबंधित करें पर क्लिक करें।

  3. उस टेम्पलेट के नाम पर क्लिक करें जिसे आप एडिट करना चाहते हैं।

  4. ऑर्डर विवरण जोड़ने के लिए लिक्विड वैरिएबल का और फ़ॉर्मेटिंग जोड़ने के लिए HTML का उपयोग करें। उदाहरण के लिए, {{ line_item.price | money }} आइटम की कीमत प्रिंट करता है।

  5. जब आप पूरा कर लें, तो सेव करें पर क्लिक करें।

उदाहरण के लिए, नायला शिप किए जा रहे आइटम की सूची शामिल करने के लिए अपना पैकिंग स्लिप टेम्पलेट एडिट करना चाहती हैं। वह Order Printer ऐप में अपने पैकिंग स्लिप टेम्पलेट के सबसे नीचे निम्नलिखित कोड जोड़ती हैं:

<br>
<br>
<table class="table-tabular" style="margin: 0 0 1.5em 0;">
  <thead>
    <tr>
      <th>Quantity</th>
      <th>Item</th>
      {% if tax_lines.size > 0 %}
      <th>Taxes</th>
      {% endif %}
      <th>Price</th>
    </tr>
  </thead>
  <tbody>
    {% for line_item in line_items %}
      <tr>
        <td>{{ line_item.quantity }} x</td>
        <td><b>{{ line_item.title }}</b></td>
        {% if line_item.tax_lines %}
          <td>
            {% for tax_line in line_item.tax_lines %}
              {{ tax_line.price | money }} {{ tax_line.title }}<br/>
            {% endfor %}
          </td>
        {% endif %}
        <td>{{ line_item.price | money }}</td>
      </tr>
    {% endfor %}
  </tbody>
</table>

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