Hilfe
Einloggen

Vorlagen mit Shopify Order Printer erstellen und bearbeiten

Du kannst mit der App Shopify Order Printer in deinem Shopify-Adminbereich Vorlagen erstellen und bearbeiten. Standardmäßig enthält die App Shopify Order Printer die folgenden Vorlagen:

  • Rechnung: Eine Rechnung, die du an Kund:innen senden kannst
  • Lieferschein: Ein Ausdruck der Adresse deines Shops und der Lieferadresse deiner Kundschaft.
  • Kommissionierliste: Ein Dokument, das eine Liste von Artikeln enthält, die kommissioniert werden müssen, um die Bestellung deiner Kundschaft auszuführen.

Du kannst Liquid verwenden, um deine eigenen benutzerdefinierten Vorlagen für andere Verpackungsbeilagen zu erstellen, z. B. für Coupons, Etiketten oder Belege. Die App Shopify Order Printer unterstützt Vorlagen, die mit HTML, CSS und Liquid-Variablen erstellt wurden.

Auf dieser Seite

Überlegungen zum Erstellen von Vorlagen in der App Shopify Order Printer

Beachte die folgenden Überlegungen, bevor du Vorlagen in der App Shopify Order Printer erstellst:

  • Um Vorlagen in der Shopify Order Printer-App zu erstellen oder zu bearbeiten, musst du mit HTML, CSS und Liquid vertraut sein. Der Shopify Theme Support kann dir im Rahmen der Shopify-Designrichtlinie möglicherweise bei kleineren Anpassungen an kostenlosen Shopify-Themes helfen. Wenn du komplexere Änderungen benötigst oder ein Theme verwendest, das nicht von Shopify stammt, solltest du in Betracht ziehen, einen Shopify-Partner zu engagieren.
  • Du kannst bis zu 15 verschiedene Vorlagen erstellen.
  • Informiere dich in der Referenz für Liquid-Variablen und -Filter für Shopify Order Printer über alle unterstützten Vorlagenanpassungen.

Vorlage erstellen

Du kannst eine neue Vorlage für dein Bestelldokument erstellen.

Informationen zum Einrichten einer Vorlage für Kommissionierlisten findest du unter Kommissionierlisten mit der App Shopify Order Printer einrichten und drucken.

Schritte:

  1. Gehe in deinem Shopify-Adminbereich zu Apps > Order Printer.

  2. Klicke auf Vorlagen.

  3. Klicke auf Vorlage erstellen.

  4. Gib im Feld Name einen Namen für deine Vorlage ein, z. B. Etikett oder Coupon.

  5. Füge im Abschnitt Code bearbeiten HTML-, CSS- oder Liquid-Code hinzu, um deine Vorlage zu erstellen.

  6. Optional: Um eine Vorschau deiner Vorlage anzuzeigen, klicke auf Vorschau.

  7. Klicke auf Speichern.

Vorlage bearbeiten

Du kannst eine vorhandene Vorlage bearbeiten. Erfahre mehr über das Anpassen von Order Printer-Vorlagen.

Schritte:

  1. Gehe in deinem Shopify-Adminbereich zu Apps > Order Printer.

  2. Klicke auf Vorlagen.

  3. Klicke auf die Vorlage, die du bearbeiten möchtest.

  4. Füge im Abschnitt Code bearbeiten HTML-, CSS- oder Liquid-Code hinzu oder bearbeite ihn.

  5. Optional: Um eine Vorschau deiner Vorlage anzuzeigen, klicke auf Vorschau.

  6. Klicke auf Speichern.

Standardvorlage wiederherstellen

Du kannst die integrierten Vorlagen für Lieferscheine und Rechnungen auf ihre Standardwerte zurücksetzen. Verwende die folgenden Codeblöcke, um deine Vorlagen auf die Standardeinstellungen zurückzusetzen.

Standardvorlage für Rechnungen

Version vom 06.06.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>

Standardvorlage für Lieferscheine

Version vom 06.06.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>