Order Printer-Vorlagen anpassen

Du kannst in deinem Shopify-Adminbereich bis zu 15 Vorlagen für die Order Printer-App erstellen und anpassen. Standardmäßig enthält die Order Printer-App zwei Vorlagen:

• Rechnung – eine einfache Rechnung, die du an Kund:innen senden kannst
• Lieferschein – ein Ausdruck deiner Shop-Adresse und der Lieferadresse deiner Kund:innen

Neue Order Printer-Vorlage erstellen

Um eine neue Order Printer-Vorlage zu erstellen, 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.

Schritte:

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

2. Klicke auf Vorlagen verwalten.

3. Klicke auf Vorlage hinzufügen.

4. Gib im Feld Name einen Namen für deine neue Vorlage ein.

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

6. Wenn du fertig bist, klicke auf Speichern.

Order Printer-Vorlage bearbeiten

Um deine Order Printer-Vorlagen zu bearbeiten, musst du mit HTML, CSS und Liquid vertraut sein. Der Shopify Theme Support kann Vorlagen zwar nicht umfassend für dich bearbeiten, dir aber im Rahmen der Shopify-Designrichtlinie möglicherweise bei kleineren Anpassungen an kostenlosen Shopify-Themes helfen. Für komplexere Änderungen solltest du in Betracht ziehen, einen Shopify-Partner zu engagieren.

Schritte:

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

2. Klicke auf Vorlagen verwalten.

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

4. Nimm deine Änderungen an der Vorlage vor, indem du im Feld Code HTML-, CSS- oder Liquid-Code hinzufügst oder bearbeitest. Beispiele für Vorlagenanpassungen findest du unter Beispiele für Vorlagenanpassungen.

5. Wenn du fertig bist, klicke auf Speichern.

Beispiele für Vorlagenanpassungen

Die folgenden Beispiele erläutern einige gängige Möglichkeiten, um Order Printer-Vorlagen anzupassen:

• Logo zu Order Printer-Vorlagen hinzufügen
• Tabellenbreiten auf 100 % einstellen
• Produkt-Thumbnails anzeigen
• Bestelldetails hinzufügen

Beispiel: Logo zu Order Printer-Vorlagen hinzufügen

Im HTML-Code sollte es wie folgt aussehen:

Beispiel: Tabellenbreiten auf 100 % einstellen

Damit deine Tabellen Ränder haben und sich über 100 % der Breite erstrecken, füge deiner Tabelle die Klasse table-tabular hinzu:

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

Beispiel: Produkt-Thumbnails anzeigen

Um Produkt-Thumbnails einzufügen, füge diesen Code in deine Vorlage ein:

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

Bestelldetails hinzufügen

Du kannst deinen Vorlagen Bestelldetails hinzufügen, z. B. den Namen, die Menge und die Kosten der gekauften Artikel. Beachte Folgendes, um deiner Vorlage Bestelldetails hinzuzufügen:

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

2. Klicke auf Vorlagen verwalten.

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

4. Verwende Liquid-Variablen, um Bestelldetails hinzuzufügen, und HTML, um Formatierungen hinzuzufügen. Beispielsweise gibt {{ line_item.price | money }} den Preis des Artikels aus.

5. Wenn du fertig bist, klicke auf Speichern.

Zum Beispiel möchte Nyla ihre Lieferscheinvorlage bearbeiten, um eine Liste der zu versendenden Artikel aufzunehmen. Sie fügt den folgenden Code am Ende ihrer Vorlage Lieferschein in der Order Printer-App hinzu:

<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>

Als Ergebnis enthalten Nylas Lieferscheine jetzt eine Tabelle, in der die gekauften Artikel aufgeführt sind.