Order Printer-sjablonen aanpassen

Je kunt tot 15 sjablonen maken en aanpassen voor de Order Printer-app in uw Shopify-beheerder. De Order Printer-app bevat standaard twee sjablonen:

  • Factuur: een basisfactuur die u naar een klant kunt versturen
  • Pakbon: een afdruk van uw winkeladres en het verzendadres van uw klant

Een nieuwe Order Printer-sjabloon maken

Voor het maken van een nieuwe Order Printer-sjabloon moet u bekend zijn met HTML, CSS en Liquid. Shopify Theme Support kan helpen met kleine aanpassingen binnen het kader van het ontwerpbeleid van Shopify.

Stappen:

  1. Ga vanaf de Shopify-beheerder naar Apps.

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

  3. Klik op Sjablonen beheren:

    Knop Sjablonen beheren

  4. Klik op Sjabloon toevoegen:

    Klik op Sjabloon toevoegen.

  5. Voer een naam in voor de nieuwe sjabloon in het veld Naam.

  6. Voeg in het veld Code HTML-, CSS- of Liquid-code om de sjabloon te maken.

  7. Klik op Opslaan wanneer u klaar bent.

Een Order Printer-sjabloon bewerken

Voor het bewerken van Order Printer-sjablonen moet je bekend zijn met HTML, CSS en Liquid. Shopify Theme Support kan helpen met kleine aanpassingen binnen het kader van het ontwerpbeleid van Shopify.

Stappen:

  1. Ga vanaf de Shopify-beheerder naar Apps.

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

  3. Klik op Sjablonen beheren:

    Knop Sjablonen beheren

  4. Klik op de naam van de sjabloon die je wilt bewerken:

    Selecteer de sjabloon die u wilt bewerken

  5. Breng uw wijzigingen in de sjabloon aan door HTML-, CSS- of Liquid-code toe te voegen of te bewerken in het veld Code. Zie Voorbeelden van sjabloonaanpassingen om voorbeelden te bekijken.

  6. Klik op Opslaan wanneer u klaar bent.

Voorbeelden van sjabloonaanpassingen

In de volgende voorbeelden ziet u enkele veelvoorkomende manieren om Order Printer-sjablonen aan te passen:

  • Uw logo toevoegen aan Order Printer-sjablonen
  • Tabelbreedten 100% maken
  • Productminiaturen weergeven
  • Bestelgegevens toevoegen

Voorbeeld: Uw logo toevoegen aan Order Printer-sjablonen

Je kunt je logo toevoegen aan facturen, pakbonnen en aangepaste sjablonen:

  1. Klik op Bestanden uploaden en selecteer het afbeeldingsbestand op uw computer.

  2. Klik op de pagina Bestanden op de afbeeldings-URL om deze te markeren en kopieer vervolgens de tekst:

    Kopieer de URL van de afbeelding

  3. Ga vanaf de Shopify-beheerder naar Apps.

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

  5. Klik op Sjablonen beheren:

    Knop Sjablonen beheren

  6. Klik op de naam van de sjabloon die je wilt bewerken:

    Selecteer de sjabloon die u wilt bewerken

  7. Voer het volgende codefragment in de sjabloon in op de plek waar u uw logo wilt weergeven: <img src="your-image-URL">.

  8. Vervang your-image-URL door de afbeeldings-JeRL die u hebt gekopieerd. Afhankelijk van waar u uw logo wilt plaatsen, moet u mogelijk de tag <br/> toevoegen om een regeleinde vóór of na uw afbeelding in te voegen.

Het ziet er als volgt uit in HTML:

Voorbeeld van HTML-code

En zo op je factuur:

Voorbeeld van een aangepaste e-mailsjabloon

Voorbeeld: Tabelbreedten 100% maken

Wanneer u randen aan uw tabellen wilt toevoegen en een breedte van 100% wilt instellen, voegt u de klasse table-tabular toe aan uw tabel:

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

Voorbeeld: Productminiaturen weergeven

Als u productminiaturen wilt opnemen, plaatst u deze code in uw sjabloon:

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

Bestelgegevens toevoegen

Je kunt bestelgegevens aan je sjablonen toevoegen, zoals de naam, het aantal en de kosten van gekochte artikelen. Bestelgegevens aan je sjabloon toevoegen:

  1. Ga vanaf de Shopify-beheerder naar Apps.

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

  3. Klik op Sjablonen beheren:

    Knop Sjablonen beheren

  4. Klik op de naam van de sjabloon die je wilt bewerken:

    Selecteer de sjabloon die u wilt bewerken

  5. Gebruik variabelen van Liquid om bestelgegevens toe te voegen en HTML voor opmaak. Voeg bijvoorbeeld `` toe om de prijs van het artikel weer te geven.

  6. Klik op Opslaan wanneer u klaar bent.

Nyla wil bijvoorbeeld haar pakbonsjabloon bewerken om een lijst op te nemen van de artikelen die worden verzonden. Ze voegt de volgende code onderaan haar Packing slip-sjabloon 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 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>

Daardoor bevatten de pakbonnen van Nyla nu een tabel met de gekochte artikelen:

Voorbeeld van een pakbon

Klaar om te beginnen met verkopen met Shopify?

Probeer het gratis