Anpassen von Order Printer-Vorlagen

Sie können in Ihrem Shopify-Adminbereich bis zu 15 Vorlagen für die App Order Printer erstellen und anpassen. Standardmäßig enthält die App Order Printer zwei Vorlagen:

  • Rechnung – eine Basis-Rechnung, die Sie an einen Kunden senden können
  • Lieferschein – ein Ausdruck der Adresse Ihres Shops und der Lieferadresse des Kunden.

Erstellen einer neuen Order Printer-Vorlage

Um eine neue Order Printer-Vorlage zu erstellen, müssen Sie sich mit HTML, CSS und Liquid auskennen. Der Shopify-Theme-Support kann Ihnen bei kleineren Anpassungen im Rahmen der Shopify-Designrichtlinie behilflich sein.

Schritte:

  1. Gehen Sie in Ihrem Shopify-Adminbereich zu Apps.

  2. Klicken Sie auf Order Printer, um die App zu öffnen.

  3. Klicken Sie auf Vorlagen verwalten:

    Schaltfläche Vorlagen verwalten

  4. Klicken Sie auf Vorlage hinzufügen:

    Klicken Sie auf

  5. Geben Sie einen Namen für Ihre neue Vorlage in das Feld Name ein.

  6. Fügen Sie HTML-, CSS- oder Liquid-Code in das Feld Code ein, um Ihre Vorlage zu erstellen.

  7. Wenn Sie fertig sind, klicken Sie auf Speichern.

Order Printer-Vorlagen bearbeiten

Für die Bearbeitung von Order Printer-Vorlagen sind Kenntnisse in HTML, CSS und Liquid erforderlich. Der Shopify-Theme-Support kann Ihnen bei kleineren Anpassungen im Rahmen der Shopify-Designrichtlinie behilflich sein.

Schritte:

  1. Gehen Sie in Ihrem Shopify-Adminbereich zu Apps.

  2. Klicken Sie auf Order Printer, um die App zu öffnen.

  3. Klicken Sie auf Vorlagen verwalten:

    Schaltfläche Vorlagen verwalten

  4. Klicken Sie auf den Namen der Vorlage, die Sie bearbeiten möchten:

    Wählen Sie die zu bearbeitende Vorlage aus

  5. Nehmen Sie Ihre Änderungen an der Vorlage vor, indem Sie im Feld Code HTML-, CSS- oder Liquid-Code hinzufügen oder bearbeiten. Beispiele für Vorlagenanpassungen finden Sie unter Beispiele Vorlagenanpassungen.

  6. Wenn Sie fertig sind, klicken Sie auf Speichern.

Beispiele für Vorlagenanpassungen

Die folgenden Beispiele zeigen einige gängige Möglichkeiten zum Anpassen von Order Printer-Vorlagen:

  • Fügen Sie Ihr Logo zu Order Printer-Vorlagen hinzu
  • Tabellenbreiten auf 100 % einstellen
  • Miniaturansicht des Produkts anzeigen
  • Bestelldetails hinzufügen

Beispiel: Ihr Logo einer Order Printer-Vorlage hinzufügen

Hinweis: Die folgende Anpassung erfordert Grundkenntnisse in HTML.

Sie können Ihr Logo zu Bestellrechnungen, Lieferscheinen und benutzerdefinierten Vorlagen hinzufügen:

  1. Klicken Sie auf Dateien hochladen und wählen Sie auf Ihrem Computer die Bilddatei aus.

  2. Klicken Sie auf der Seite Dateien auf die Bild-URL, um sie zu markieren, und kopieren Sie dann den Text:

    Kopieren Sie die Bild-URL

  3. Gehen Sie in Ihrem Shopify-Adminbereich zu Apps.

  4. Klicken Sie auf Order Printer, um die App zu öffnen.

  5. Klicken Sie auf Vorlagen verwalten:

    Schaltfläche Vorlagen verwalten

  6. Klicken Sie auf den Namen der Vorlage, die Sie bearbeiten möchten:

    Wählen Sie die zu bearbeitende Vorlage aus

  7. Geben Sie das folgende Code-Snippet in Ihre Vorlage ein, in der Ihr Logo erscheinen soll: <img src="your-image-URL">.

  8. Ersetzen Sie your-image-URL durch die kopierte Bild-URL. Je nachdem, wo Ihr Logo erscheinen soll, müssen Sie eventuell ein <br/>-Tag hinzufügen, um einen Zeilenumbruch vor oder nach Ihrem Bild einzufügen.

Dies sollte in HTML folgendermaßen aussehen:

Beispiel-HTML-Code

Und in der Rechnung wie folgt:

Beispiel für eine angepasste E-Mail-Vorlage

Beispiel: Tabellenbreiten auf 100 % einstellen

Um Ihre Tabellen mit Grenzen zu versehen und auf 100% Breite zu strecken, fügen Sie Ihrer Tabelle eine table-tabular Klasse hinzu:

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

Beispiel: Miniaturansicht des Produkts anzeigen

Fügen Sie zum Einfügen von Miniaturansichten von Produkten diesen Code in Ihre Vorlage ein:

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

Bestelldetails hinzufügen

Hinweis: Die folgende Anpassung erfordert Kenntnisse von HTML und Liquid.

Sie können zu Ihren Vorlagen Bestelldetails hinzufügen, z. B. den Namen, die Menge und die Kosten gekaufter Artikel. Um Bestelldetails zu Ihrer Vorlage hinzuzufügen:

  1. Gehen Sie in Ihrem Shopify-Adminbereich zu Apps.

  2. Klicken Sie auf Order Printer, um die App zu öffnen.

  3. Klicken Sie auf Vorlagen verwalten:

    Schaltfläche Vorlagen verwalten

  4. Klicken Sie auf den Namen der Vorlage, die Sie bearbeiten möchten:

    Wählen Sie die zu bearbeitende Vorlage aus

  5. Verwenden Sie Liquid-Variablen zum Hinzufügen von Bestelldetails und HTML zum Hinzufügen von Formatierungen. Beispielsweise wird mit `` der Preis des Artikels ausgedruckt.

  6. Wenn Sie fertig sind, klicken Sie auf Speichern.

So möchte beispielsweise Nina ihre Lieferscheinvorlage bearbeiten, um eine Liste der versandten Artikel einzufügen. Sie fügt in der Order Printer-App den folgenden Code unten in ihre Packing slipvorlage ein:

<br>
<br>
<table class="table-tabular" style="margin: 0 0 1.5em 0;">
  <thead>
    <tr>
      <th>Quantity</th>
      <th>Item</th>
      {% if show_line_item_taxes %}
      <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>

Daher ist auf den Lieferscheinen von Nina jetzt eine Tabelle mit den gekauften Artikeln aufgeführt:

Beispiel für einen Lieferschein

Sind Sie bereit, mit Shopify zu verkaufen?

Probieren Sie es kostenlos aus