Lieferscheine anpassen

Du kannst die Vorlage deiner Lieferscheine anpassen. Durch die Änderung der Vorlage kannst du dein eigenes Branding hinzufügen und das Erscheinungsbild des Lieferscheins ändern.

Shopadresse ändern

Wenn du deine Shop-Adresse bearbeiten oder ändern möchtest, kannst du zu Einstellungen > Allgemein gehen und deine Shop-Informationen bearbeiten.

Wenn du nur die Adresse auf deinen Lieferscheinen ändern möchtest, befolge die nachstehenden Schritte.

Schritte:

1. Gehe in deinem Shopify-Adminbereich zu Einstellungen > Versand und Zustellung.

2. Klicke im Abschnitt Dokumente auf Lieferscheinvorlage.

3. Suche die Liquid-Variable {{ shop_address.summary }}, die auf deine Shop-Adresse verweist. Wenn du diese Variable nicht finden kannst, probiere stattdessen die folgende aus:

{{ shop_address.address1 }}, {{ shop_address.city }}, {{ shop_address.province_code }}, {{ shop_address.zip }}, {{ shop_address.country }}

4. Markiere diesen Code und lösche ihn.
5. Gib in diesem leeren Bereich die Adresse ein, die auf deinen Lieferscheinen stehen soll. Du könntest deine Adresse zum Beispiel so eingeben: 123 Example Street, New York, NY, 10000, United States
6. Klicke auf Vorlagenvorschau, um deine Änderungen zu sehen.
7. Klicke auf Speichern.

Produktbilder entfernen

Du kannst die Bilder deiner Produkte entfernen, die auf deinen Lieferscheinen neben den Produkttiteln angezeigt werden.

Schritte:

1. Gehe in deinem Shopify-Adminbereich zu Einstellungen > Versand und Zustellung.

2. Klicke im Abschnitt Dokumente auf Lieferscheinvorlage.

3. Suche die folgenden Liquid-Variablen, die auf deine Produktbilder verweisen:

{% if line_item.image != blank %}
       <div class="flex-line-item-img">
         <div class="aspect-ratio aspect-ratio-square" style="width: {{ desired_image_size }}px; height: {{ desired_image_size }}px;">
           {{ line_item.image | img_url: effective_image_dimensions | img_tag: '', 'aspect-ratio__content' }}
         </div>
       </div>
       {% endif %}

4. Markiere diesen Code und lösche ihn.
5. Klicke auf Vorlagenvorschau, um eine Vorschau deiner Änderungen anzuzeigen.
6. Klicke auf Speichern.

Logo bearbeiten

Bevor du dein Shop-Logo zu deinen Lieferscheinen hinzufügst, musst du dein Logo in deinen Shopify-Adminbereich hochladen. Notiere dir nach dem Hochladen den Namen der Datei, um ihn später in der Lieferscheinvorlage zu verwenden.

Nachdem du dein Logo in deinen Shop hochgeladen hast, kannst du dein Logo hinzufügen und deinen Shop-Namen entfernen, dein Logo über deinem Shop-Namen hinzufügen oder dein Logo neben deinem Shop-Namen hinzufügen.

Schritte:

1. Gehe in deinem Shopify-Adminbereich zu Inhalte > Dateien.

2. Klicke auf Dateien hochladen.

3. Wähle dein Shop-Logo auf deinem Gerät aus und lade es hoch.

4. Notiere dir den Dateinamen, sobald der Upload abgeschlossen ist, einschließlich der Dateierweiterung (zum Beispiel .png oder .jpg).

Logo hinzufügen und Shop-Namen entfernen

Du kannst deinen Shop-Namen entfernen und ihn am oberen Rand deiner Lieferscheine durch dein Shop-Logo ersetzen.

Schritte:

1. Gehe in deinem Shopify-Adminbereich zu Einstellungen > Versand und Zustellung.

2. Klicke im Abschnitt Dokumente auf Lieferscheinvorlage.

3. Suche den folgenden Code, der auf deinen Shop-Namen verweist:

<p class="to-uppercase">
  {{ shop.name }}
</p>

4. Markiere diesen Code und lösche ihn.
5. Schreibe den folgenden Code in den von dir erstellten Bereich und verwende dabei den Namen der zuvor hochgeladenen Datei:

{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}

Der Filter file_img_url generiert die URL für die hochgeladene Datei mit der angegebenen Größe und der Filter img_tag erstellt ein HTML-Bild-Tag mit dem von dir angegebenen Alt-Text.

Wenn die hochgeladene Datei zum Beispiel shop_logo.png heißt, lautet der entsprechende Liquid-Code:

{{ 'shop_logo.png' | file_img_url: 'small' | img_tag: 'Logo' }}

6. Wähle Vorlagenvorschau aus, um eine Vorschau deiner Änderungen anzuzeigen.
7. Klicke auf Speichern.

Logo über dem Shop-Namen hinzufügen

Wenn du dein Logo am oberen Rand deiner Lieferscheine über deinem Shop-Namen hinzufügen möchtest, befolge die nachstehenden Schritte.

Schritte:

1. Gehe in deinem Shopify-Adminbereich zu Einstellungen > Versand und Zustellung.

2. Klicke im Abschnitt Dokumente auf Lieferscheinvorlage.

3. Suche die folgende Liquid-Variable, die auf deinen Shop-Namen verweist, und füge einen Zeilenumbruch zwischen den beiden Zeilen ein:

<div class="shop-title">
      |
      <p class="to-uppercase">

4. Schreibe den folgenden Code in den von dir erstellten Bereich und verwende dabei den Namen der zuvor hochgeladenen Datei (zum Beispiel shop_logo.png):

{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}
<br>

5. Wähle Vorlagenvorschau aus, um eine Vorschau deiner Änderungen anzuzeigen.
6. Klicke auf Speichern.

Logo neben dem Shop-Namen hinzufügen

Wenn du dein Logo am oberen Rand deiner Lieferscheine neben deinem Shop-Namen hinzufügen möchtest, befolge die nachstehenden Schritte.

Schritte:

1. Gehe in deinem Shopify-Adminbereich zu Einstellungen > Versand und Zustellung.

2. Klicke im Abschnitt Dokumente auf Lieferscheinvorlage.

3. Suche die folgende Liquid-Variable, die auf deinen Shop-Namen verweist:

<p class="to-uppercase">
{{ shop.name }}
</p>

4. Markiere diesen Code und lösche ihn.
5. Schreibe den folgenden Code in den von dir erstellten Bereich und verwende dabei den Namen der zuvor hochgeladenen Datei (zum Beispiel shop_logo.png):

{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}
<span class="to-uppercase">
  {{ shop.name }}
</span>

6. Suche die folgenden Liquid-Variablen:

.shop-title {
  -webkit-box-flex: 6;
  -webkit-flex: 6;
  flex: 6;
  font-size: 1.9em;
}

7. Füge am Ende der oben aufgeführten Variablen eine neue Zeile hinzu und füge den folgenden Code ein:

.shop-title img {
 vertical-align: middle;
}

.shop-title span {
 vertical-align: middle;
}

8. Wähle Vorlagenvorschau aus, um eine Vorschau deiner Änderungen anzuzeigen.
9. Klicke auf Speichern.

Lieferscheine mit CSS gestalten

Du kannst deinen Lieferschein anpassen, indem du die CSS-Dateien verwendest, die du auf Shopify hochlädst. CSS-Dateien, die außerhalb von Shopify gehostet werden, werden nicht korrekt gerendert.

Schritte:

1. Gehe in deinem Shopify-Adminbereich zu Inhalte > Dateien.

2. Klicke auf Dateien hochladen.

3. Wähle deine CSS-Datei aus und lade sie hoch.

4. Kopiere die Datei-URL, sobald der Upload abgeschlossen ist.

5. Füge den folgenden Code ein:

<link
  rel="stylesheet"
  type="text/css"
  href="https://cdn.shopify.com/path_to_file/styles.css"
>