Pakbonnen aanpassen

Je kunt de template van je pakbonnen aanpassen. Als je de template wijzigt, kun je je eigen merk toevoegen en de look-and-feel van de pakbon wijzigen.

Winkeladres wijzigen

Als je je winkeladres wil bewerken of wijzigen, kun je naar Instellingen > Winkelgegevens gaan en je winkelgegevens bewerken.

Als je alleen het adres op je pakbonnen wilt wijzigen, volg de onderstaande stappen.

Stappen:

1. Ga vanuit je Shopify-beheercentrum naar Instellingen > Verzending en bezorging.

2. Klik in het gedeelte Pakbonnen op Bewerken.

3. Zoek de {{ shop_address.summary }} Liquid-variabele die naar je winkeladres verwijst. Als je deze variabele niet kunt vinden, probeer dan deze:

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

1. Markeer en verwijder deze code.
2. Typ het adres dat je op je pakbonnen wilt hebben in deze lege ruimte. Je kunt bijvoorbeeld je adres zo typen: 123 Example Street, New York, NY, 10000, United States
3. Klik op Voorbeeld van template om je wijzigingen te bekijken.
4. Klik op Opslaan.

Productafbeeldingen verwijderen

Je kunt de afbeeldingen van je producten verwijderen die naast de producttitels op je pakbonnen verschijnen.

Stappen:

1. Ga vanuit je Shopify-beheercentrum naar Instellingen > Verzending en bezorging.

2. Klik in het gedeelte Pakbonnen op Bewerken.

3. Zoek de volgende Liquid-variabelen die naar je productafbeeldingen verwijzen:

{% 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 %}

1. Markeer en verwijder deze code.
2. Klik op Voorbeeld van template om je wijzigingen te bekijken.
3. Klik op Opslaan.

Logo bewerken

Voordat je je winkellogo aan je pakbonnen toevoegt, moet je het logo uploaden naar je Shopify-beheercentrum. Je hebt de URL nodig die aan je bestand is toegewezen voor gebruik op je pakbonnen.

Nadat je je logo hebt geüpload naar je winkel, kun je het logo toevoegen en je winkelnaam verwijderen, het logo boven je winkelnaam toevoegen of het logo naast je winkelnaam toevoegen.

Stappen:

1. Ga vanuit het Shopify-beheercentrum naar Content > Bestanden.
2. Klik op Bestanden uploaden.
3. Selecteer en upload je winkellogo vanaf je apparaat.
4. Kopieer de bestands-URL als het uploaden is voltooid.

Logo toevoegen en winkelnaam verwijderen

Je kunt je winkelnaam verwijderen en vervangen door je winkellogo bovenaan je pakbonnen.

Stappen:

1. Ga vanuit je Shopify-beheercentrum naar Instellingen > Verzending en bezorging.

2. Klik in het gedeelte Pakbonnen op Bewerken.

3. Zoek de volgende code die naar je winkelnaam verwijst:

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

1. Markeer en verwijder deze code.
2. Schrijf in de door jou gemaakte ruimte de volgende code en plak de gekopieerde URL op de aangegeven plaats:

<img src="PASTE FILE URL HERE" style="width: 60px; height: 60px;">

1. Selecteer Voorbeeldtemplate om je wijzigingen te bekijken.
2. Klik op Opslaan.

Logo toevoegen boven winkelnaam

Als je je logo boven je winkelnaam bovenaan je pakbonnen wilt toevoegen, volg de onderstaande stappen.

Stappen:

1. Ga vanuit je Shopify-beheercentrum naar Instellingen > Verzending en bezorging.

2. Klik in het gedeelte Pakbonnen op Bewerken.

3. Zoek de volgende Liquid-variabele die naar je winkelnaam verwijst en voeg een regeleinde toe tussen de twee regels:

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

1. Schrijf in de door jou gemaakte ruimte de volgende code en plak de gekopieerde URL op de aangegeven plaats:

<img src="PASTE FILE URL HERE" style="width: 60px; height: 60px;">
<br>

1. Selecteer Voorbeeldtemplate om je wijzigingen te bekijken.
2. Klik op Opslaan.

Logo toevoegen naast de winkelnaam

Als je je logo naast je winkelnaam bovenaan je pakbonnen wilt toevoegen, volg de onderstaande stappen.

Stappen:

1. Ga vanuit je Shopify-beheercentrum naar Instellingen > Verzending en bezorging.

2. Klik in het gedeelte Pakbonnen op Bewerken.

3. Zoek de volgende Liquid-variabele die naar je winkelnaam verwijst:

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

1. Markeer en verwijder deze code.
2. Schrijf in de door jou gemaakte ruimte de volgende code en plak de gekopieerde URL op de aangegeven plaats:

<img src="PASTE FILE URL HERE" style="width: 60px; height: 60px;">
<span class="to-uppercase">
  {{ shop.name }}
</span>

1. Zoek de volgende Liquid-variabelen:

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

1. Voeg een nieuwe regel toe na de hierboven vermelde variabelen en plak de volgende code:

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

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

1. Selecteer Voorbeeldtemplate om je wijzigingen te bekijken.
2. Klik op Opslaan.

Stijl pakbonnen met CSS

Tip

Het opmaken van je templates met CSS vereist geavanceerde kennis van HTML en CSS.

Je kunt je pakbon aanpassen met de CSS-bestanden die je uploadt naar Shopify. CSS-bestanden die buiten Shopify worden gehost, worden niet correct weergegeven.

Stappen:

1. Ga vanuit het Shopify-beheercentrum naar Content > Bestanden.

2. Klik op Bestanden uploaden.

3. Selecteer en upload je CSS-bestand.

4. Kopieer de bestands-URL als het uploaden is voltooid.

5. Voeg de volgende code toe:

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