Help
Inloggen

Order Printer-templates aanpassen

Je kunt maximaal 15 templates voor de Order Printer-app aanmaken en aanpassen in je Shopify-beheercentrum. Standaard bevat de Order Printer-app twee templates:

  • Factuur: een basisfactuur die je naar een klant kunt sturen
  • Pakbon: een afdruk van je winkeladres en het bezorgadres van je klant

Op deze pagina

Een nieuwe Order Printer-template aanmaken

Voor het aanmaken van een nieuwe Order Printer-template moet je bekend zijn met HTML, CSS en Liquid. Shopify Theme Support kan je mogelijk helpen met kleine aanpassingen aan gratis Shopify-thema's binnen het kader van het Shopify-ontwerpbeleid. Als je complexere wijzigingen nodig hebt of een thema gebruikt dat niet door Shopify is gemaakt, overweeg dan om een Shopify-partner in te huren.

Stappen:

  1. Ga in het Shopify-beheercentrum naar Apps > Order Printer (legacy).

  2. Klik op Templates beheren.

  3. Klik op Template toevoegen.

  4. Voer een naam in voor je nieuwe template in het veld Naam.

  5. Voeg HTML-, CSS- of Liquid-code toe in het veld Code om je template aan te maken.

  6. Klik op Opslaan als je klaar bent.

Een Order Printer-template bewerken

Voor het bewerken van je Order Printer-templates moet je bekend zijn met HTML, CSS en Liquid. Shopify Theme Support kan templates niet uitgebreid voor je bewerken, maar kan je mogelijk wel helpen met kleine aanpassingen aan gratis Shopify-thema's binnen het kader van het Shopify-ontwerpbeleid. Overweeg voor complexere wijzigingen een Shopify-partner in te huren.

Stappen:

  1. Ga in het Shopify-beheercentrum naar Apps > Order Printer (legacy).

  2. Klik op Templates beheren.

  3. Klik op de naam van de template die je wilt bewerken.

  4. Breng je wijzigingen aan in de template door HTML-, CSS- of Liquid-code toe te voegen of te bewerken in het veld Code. Raadpleeg Voorbeeldaanpassingen voor templates voor voorbeelden van template-aanpassingen.

  5. Klik op Opslaan als je klaar bent.

Voorbeeldaanpassingen voor templates

De volgende voorbeelden leggen enkele veelvoorkomende manieren uit om Order Printer-templates aan te passen:

Desktop

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

  2. Klik op Bestanden uploaden en selecteer het afbeeldingsbestand op je computer.

  3. Zoek op de pagina Bestanden het geüploade bestand en klik op URL kopiëren.

  4. Klik in het Shopify-beheercentrum op Instellingen > Apps.

  5. Klik op Order Printer om de app te openen.

  6. Klik op Templates beheren.

  7. Klik op de naam van de template die je wilt bewerken.

  8. Voer het volgende codefragment in je template in op de plek waar je je logo wilt weergeven: <img src="your-image-URL">.

  9. Vervang your-image-URL door de afbeeldings-URL die je hebt gekopieerd. Afhankelijk van waar je je logo wilt weergeven, moet je mogelijk een <br/>-tag toevoegen om een regeleinde vóór of na je afbeelding toe te voegen.

Mobiel

  1. Tik in de Shopify-app op het pictogram Menu.

  2. Tik in het menu Content op het pictogram pijl-omlaag en tik vervolgens op Bestanden.

  3. Tik op Bestanden uploaden en selecteer het afbeeldingsbestand op je computer.

  4. Zoek op de pagina Bestanden het geüploade bestand en tik op URL kopiëren.

  5. Tik in het Shopify-beheercentrum op Instellingen > Apps.

  6. Tik op Order Printer om de app te openen.

  7. Tik op Templates beheren.

  8. Tik op de naam van de template die je wilt bewerken.

  9. Voer het volgende codefragment in je template in op de plek waar je je logo wilt weergeven: <img src="your-image-URL">.

  10. Vervang your-image-URL door de afbeeldings-URL die je hebt gekopieerd. Afhankelijk van waar je je logo wilt weergeven, moet je mogelijk een <br/>-tag toevoegen om een regeleinde vóór of na je afbeelding toe te voegen.

Het zou er in de HTML als volgt uit moeten zien:

Voorbeeld van HTML-code

Voorbeeld: tabelbreedtes instellen op 100%

Voeg de klasse table-tabular toe aan je tabel om je tabellen randen en een breedte van 100% te geven:

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

Voorbeeld: productminiaturen weergeven

Voeg de volgende code in je template in om productminiaturen weer te geven:

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

Bestelgegevens toevoegen

Je kunt bestelgegevens aan je templates toevoegen, zoals de naam, hoeveelheid en prijs van gekochte artikelen. Ga als volgt te werk om bestelgegevens aan je template toe te voegen:

  1. Ga in het Shopify-beheercentrum naar Apps > Order Printer (legacy).

  2. Klik op Templates beheren.

  3. Klik op de naam van de template die je wilt bewerken.

  4. Gebruik Liquid-variabelen om bestelgegevens toe te voegen en HTML om opmaak toe te voegen. Bijvoorbeeld: {{ line_item.price | money }} drukt de prijs van het artikel af.

  5. Klik op Opslaan als je klaar bent.

Nyla wil bijvoorbeeld haar pakbontemplate bewerken om een lijst met de verzonden artikelen toe te voegen. Ze voegt de volgende code onderaan haar Packing slip-template toe in de Order Printer-app:

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

Hierdoor bevatten de pakbonnen van Nyla nu een tabel met de gekochte artikelen.