Δημιουργία και επεξεργασία προτύπων με χρήση του Shopify Order Printer

Μπορείτε να δημιουργήσετε και να επεξεργαστείτε πρότυπα χρησιμοποιώντας την εφαρμογή Shopify Order Printer στον Διαχειριστή Shopify. Από προεπιλογή, η εφαρμογή Shopify Order Printer περιλαμβάνει τα ακόλουθα πρότυπα:

Τιμολόγιο: ένα τιμολόγιο που μπορείτε να στείλετε σε έναν πελάτη
Δελτίο συσκευασίας: μια εκτύπωση της διεύθυνσης του καταστήματός σας και της διεύθυνσης αποστολής του πελάτη σας.
Λίστα παράληψης: ένα έγγραφο που περιλαμβάνει μια λίστα με τα κομμάτια που πρέπει να παραληφθούν για τη διεκπεραίωση της παραγγελίας του πελάτη σας.

Μπορείτε να χρησιμοποιήσετε τη Liquid για να δημιουργήσετε τα δικά σας προσαρμοσμένα πρότυπα για άλλα ένθετα συσκευασίας, όπως κουπόνια, ετικέτες ή αποδείξεις. Η εφαρμογή Shopify Order Printer υποστηρίζει πρότυπα που έχουν δημιουργηθεί με HTML, CSS και μεταβλητές Liquid.

Σε αυτή τη σελίδα

Παράγοντες που πρέπει να λάβετε υπόψη για τη δημιουργία προτύπων στην εφαρμογή Shopify Order Printer

Εξετάστε τους ακόλουθους παράγοντες πριν δημιουργήσετε πρότυπα στην εφαρμογή Shopify Order Printer:

Για να δημιουργήσετε ή να επεξεργαστείτε πρότυπα στην εφαρμογή Shopify Order Printer, θα πρέπει να είστε εξοικειωμένοι με την HTML, τη γλώσσα CSS (επάλληλα φύλλα ύφους) και τη Liquid. Η Υποστήριξη θεμάτων Shopify ενδέχεται να μπορεί να σας βοηθήσει με μικρές προσαρμογές σε δωρεάν θέματα Shopify εντός του εύρους της Πολιτικής σχεδίασης του Shopify. Αν χρειάζεστε πιο περίπλοκες αλλαγές ή χρησιμοποιείτε ένα θέμα που δεν δημιουργήθηκε από το Shopify, τότε σκεφτείτε το ενδεχόμενο να προσλάβετε έναν Shopify Partner.
Μπορείτε να δημιουργήσετε έως και 15 διαφορετικά πρότυπα.
Ανατρέξτε στην αναφορά μεταβλητών και φίλτρων Liquid για το Shopify Order Printer για όλες τις υποστηριζόμενες προσαρμογές προτύπων.

Δημιουργία προτύπου

Μπορείτε να δημιουργήσετε ένα νέο πρότυπο για το έγγραφο της παραγγελίας σας.

Για να διαμορφώσετε ένα πρότυπο λίστας παράληψης, ανατρέξτε στην ενότητα Διαμόρφωση και εκτύπωση λιστών παράληψης με την εφαρμογή Shopify Order Printer.

Βήματα:

Από τον Διαχειριστή Shopify, μεταβείτε στην ενότητα Εφαρμογές > Order Printer.
Κάντε κλικ στην επιλογή Πρότυπα.
Κάντε κλικ στην επιλογή Δημιουργία προτύπου.
Στο πεδίο Όνομα, εισαγάγετε ένα όνομα για το πρότυπό σας, όπως ετικέτα ή κουπόνι.
Στην ενότητα Επεξεργασία κώδικα, προσθέστε κώδικα HTML, CSS ή Liquid για να δημιουργήσετε το πρότυπό σας.
Προαιρετικά: Για να δείτε την προεπισκόπηση του προτύπου σας, κάντε κλικ στην επιλογή Προεπισκόπηση.
Κάντε κλικ στην επιλογή Αποθήκευση.

Επεξεργασία προτύπου

Μπορείτε να επεξεργαστείτε ένα υπάρχον πρότυπο. Μάθετε περισσότερα σχετικά με την προσαρμογή προτύπων του Order Printer.

Βήματα:

Από τον Διαχειριστή Shopify, μεταβείτε στην ενότητα Εφαρμογές > Order Printer.
Κάντε κλικ στην επιλογή Πρότυπα.
Κάντε κλικ στο πρότυπο που θέλετε να επεξεργαστείτε.
Στην ενότητα Επεξεργασία κώδικα, προσθέστε ή επεξεργαστείτε κώδικα HTML, CSS ή Liquid.
Προαιρετικά: Για να δείτε την προεπισκόπηση του προτύπου σας, κάντε κλικ στην επιλογή Προεπισκόπηση.
Κάντε κλικ στην επιλογή Αποθήκευση.

Επαναφορά του προεπιλεγμένου προτύπου

Μπορείτε να επαναφέρετε τα ενσωματωμένα πρότυπα δελτίου συσκευασίας και τιμολογίου στις προεπιλεγμένες τους τιμές. Χρησιμοποιήστε τα παρακάτω μπλοκ κώδικα για να επαναφέρετε τα πρότυπά σας στην προεπιλεγμένη τους κατάσταση.

Προεπιλεγμένο πρότυπο τιμολογίου

Έκδοση από 6 Ιουνίου 2024.

<div>
  <div class="columns">
    <h1>Invoice</h1>
    <div>
      <p style="text-align: right; margin: 0;">
      Order {{ order.order_name }}<br />
      {% if order.po_number %}PO # {{ order.po_number }}<br />{% endif %}
      {{ order.created_at | date: "%B %e, %Y" }}
    </p>
  </div>
</div>
<div class="columns" style="margin-top: 1.5em;">
  <div class="address">
    <strong>From</strong><br/>
    {{ shop.name }}<br/>
    {{ shop.address | format_address }}
    {% if shop.phone %}{{ shop.phone }}{% endif %}
  </div>
  {% if order.billing_address %}
  <div class="address">
    <strong>Bill to</strong>
    {{ order.billing_address | format_address  }}
  </div>
  {% endif %}
  {% if order.shipping_address %}
  <div class="address">
    <strong>Ship to</strong>
    {{ order.shipping_address | format_address  }}
    {% if order.shipping_address.phone %}{{ order.shipping_address.phone }}{% endif %}
  </div>
  {% endif %}
</div>
<hr />
<h2>Order Details</h2>
<table class="table-tabular" style="margin: 1em 0 0 0;">
  <thead>
    <tr>
      <th scope="col">Qty</th>
      <th scope="col">Item</th>
      <th scope="col" style="text-align: right;">Price</th>
    </tr>
  </thead>
  <tbody>
    {% for line_item in order.line_items %}
      <tr>
        <td scope="row">{{ line_item.quantity }}</td>
        <td>{{ line_item.title }}
        {% if line_item.line_level_discount_allocations.size > 0 %}
          <span class="subduedText">
            {% for discount_allocation in line_item.line_level_discount_allocations %}
            <br>{{ discount_allocation.discount_application.title }} (-{{ discount_allocation.amount | money }})
            {% endfor %}
          </span>
        {% endif %}
        </td>
        <td style="text-align: right;">
          {% if line_item.original_price != line_item.final_price %}
            <span class="subduedText"><s>{{ line_item.original_price | money }}</s></span>
          {% endif %}
          {{ line_item.final_price | money }}
        </td>
      </tr>
    {% endfor %}
    <tr>
      <td scope="row" colspan="2" style="text-align: right;">Subtotal</td>
      <td style="text-align: right;">{{ order.line_items_subtotal_price | money }}</td>
    </tr>
    {% for discount_application in order.cart_level_discount_applications %}
    <tr>
      <td scope="row" colspan="2" style="text-align: right;">{% if discount_application.title %}<span class="subduedText">{{ discount_application.title }}</span>{% endif %}</td>
      <td style="text-align: right;">-{{ discount_application.total_allocated_amount | money }}</td>
    </tr>
    {% endfor %}
    <tr>
      <td scope="row" colspan="2" style="text-align: right;">Tax</td>
      <td style="text-align: right;">{{ order.tax_price | money }}</td>
    </tr>
    {% if order.shipping_address %}
      <tr>
        <td scope="row" colspan="2" style="text-align: right;">Shipping</td>
        <td style="text-align: right;">{{ order.shipping_price | money }}</td>
      </tr>
    {% endif %}
    <tr>
      <td scope="row" colspan="2" style="text-align: right;"><strong>Total</strong></td>
      <td style="text-align: right;"><strong>{{ order.total_price | money }}</strong></td>
    </tr>
    {% if order.net_payment != order.total_net_amount %}
      <tr>
        <td scope="row" colspan="2" style="text-align: right;">Total Paid</td>
        <td style="text-align: right;">{{ order.net_payment | money }}</td>
      </tr>
    {% endif %}
    {% if order.total_refunded_amount > 0 %}
      <tr>
        <td scope="row" colspan="2" style="text-align: right;">Total Refunded</td>
        <td style="text-align: right;">-{{ order.total_refunded_amount | money }}</td>
      </tr>
    {% endif %}
    {% if order.net_payment != order.total_net_amount %}
      <tr>
        <td scope="row" colspan="2" style="text-align: right;"><strong>Outstanding Amount</strong></td>
        <td style="text-align: right;"><strong>{{ order.total_price | minus: order.net_payment | money }}</strong></td>
      </tr>
    {% endif %}
  </tbody>
</table>
{% if transactions.size > 1 %}
  <h2>Transaction Details</h2>
  <table class="table-tabular" style="margin: 0 0 1.5em 0;">
    <thead>
      <tr>
        <th scope="col">Type</th>
        <th scope="col">Amount</th>
        <th scope="col">Kind</th>
        <th scope="col">Status</th>
      </tr>
    </thead>
    <tbody>
      {% for transaction in transactions %}
        <tr>
          <td scope="row">{{ transaction.gateway | payment_method }}</td>
          <td>{{ transaction.amount | money }}</td>
          <td>{{ transaction.kind }}</td>
          <td>{{ transaction.status }}</td>
        </tr>
      {% endfor %}
    </tbody>
  </table>
{% endif %}
{% if order.note %}
<h2>Note</h2>
<p>{{ order.note }}</p>
{% endif %}
<p style="margin-bottom: 0;">If you have any questions, please send an email to <u>{{ shop.email }}</u></p>
</div>

Προεπιλεγμένο πρότυπο δελτίου συσκευασίας

Έκδοση από 6 Ιουνίου 2024.

<div>
<div class="columns">
  <h1>Packing Slip</h1>
  <div class="address">
    <p style="text-align: right; margin: 0;">
    Order {{ order.order_name }}<br />
    {% if order.po_number %}PO # {{ order.po_number }}<br />{% endif %}
    {{ order.created_at | date: "%B %e, %Y" }}
    </p>
  </div>
</div>
<div class="columns" style="margin-top: 1.5em;">
  <div class="address">
    <strong>From</strong><br/>
    {{ shop.name }}<br/>
    {{ shop.address | format_address }}
  </div>
  {% if order.shipping_address %}
  <div class="address">
    <strong>Ship to</strong>
    {{ order.shipping_address | format_address  }}
   </div>
  {% endif %}
</div>
<hr />
<h2>Order Details</h2>
<table class="table-tabular" style="margin: 1em 0 0 0;">
  <thead>
    <tr>
      <th scope="col" style="width: 15%; text-align: left;">Qty</th>
      <th scope="col" style="width: 85%; text-align: left;">Item</th>
    </tr>
  </thead>
  <tbody>
    {% for line_item in order.line_items %}
    <tr>
      <td scope="row" style="text-align: left;">{{ line_item.quantity }}</td>
      <td style="text-align: left;">{{ line_item.title }}</td>
    </tr>
    {% endfor %}
  </tbody>
</table>
</div>