Tilpasning af Order Printer-skabeloner

Du kan oprette og tilpasse op til 15 skabeloner til appen Order Printer i din Shopify-administrator. Appen Order Printer indeholder som standard to skabeloner:

  • Faktura – en grundlæggende faktura, som du kan sende til en kunde
  • Pakkeseddel – en udskrift af din butiks adresse og din kundes leveringsadresse

Opret en ny Order Printer-skabelon

For at oprette en ny Order Printer-skabelon skal du have kendskab til HTML, CSS og Liquid. Shopifys temasupport kan muligvis hjælpe med mindre justeringer af gratis Shopify-temaer inden for omfanget af Shopifys designpolitik. Hvis du har brug for mere komplekse ændringer eller bruger et tema, der ikke er lavet af Shopify, kan du overveje at ansætte en Shopify-partner.

Trin:

  1. Gå til Apps > Order Printer (legacy) fra din Shopify-administrator.

  2. Klik på Administrer skabeloner.

  3. Klik på Tilføj skabelon.

  4. Indtast et navn til din nye skabelon i feltet Navn.

  5. Tilføj HTML-, CSS- eller Liquid-kode i feltet Kode for at oprette din skabelon.

  6. Klik på Gem, når du er færdig.

Rediger en Order Printer-skabelon

For at redigere dine Order Printer-skabeloner skal du have kendskab til HTML, CSS og Liquid. Shopifys temasupport kan ikke foretage omfattende redigeringer af skabeloner for dig, men kan muligvis hjælpe med mindre justeringer af gratis Shopify-temaer inden for omfanget af Shopifys designpolitik. Ved mere komplekse ændringer kan du overveje at ansætte en Shopify-partner.

Trin:

  1. Gå til Apps > Order Printer (legacy) fra din Shopify-administrator.

  2. Klik på Administrer skabeloner.

  3. Klik på navnet på den skabelon, du vil redigere.

  4. Foretag dine ændringer i skabelonen ved at tilføje eller redigere HTML-, CSS- eller Liquid-kode i feltet Kode. Du kan se eksempler på skabelontilpasninger i Eksempler på skabelontilpasninger.

  5. Klik på Gem, når du er færdig.

Eksempler på tilpasninger af skabeloner

Følgende eksempler forklarer nogle almindelige måder at tilpasse Order Printer-skabeloner på:

Computer
  1. Gå til Indhold > Filer fra din Shopify-administrator.

  2. Klik på Upload filer, og vælg billedfilen på din computer.

  3. Find den uploadede fil på siden Filer, og klik på Kopiér webadresse.

  4. Klik på Indstillinger > Apps i din Shopify-administrator.

  5. Klik på Order Printer for at åbne appen.

  6. Klik på Administrer skabeloner.

  7. Klik på navnet på den skabelon, du vil redigere.

  8. Indtast følgende kodestykke i din skabelon, hvor du vil have dit logo vist: <img src="din-billed-webadresse">.

  9. Erstat din-billed-webadresse med den billed-webadresse, du kopierede. Afhængigt af hvor du vil have dit logo vist, skal du muligvis tilføje et <br/>-tag for at tilføje et linjeskift før eller efter dit billede.

Mobil
  1. Tryk på ikonet Menu i Shopify-appen.

  2. Tryk på ikonet pil ned i menuen Indhold, og tryk derefter på Filer.

  3. Tryk på Upload filer, og vælg billedfilen på din computer.

  4. Find den uploadede fil på siden Filer, og tryk på Kopiér webadresse.

  5. Tryk på Indstillinger > Apps i din Shopify-administrator.

  6. Tryk på Order Printer for at åbne appen.

  7. Tryk på Administrer skabeloner.

  8. Tryk på navnet på den skabelon, du vil redigere.

  9. Indtast følgende kodestykke i din skabelon, hvor du vil have dit logo vist: <img src="din-billed-webadresse">.

  10. Erstat din-billed-webadresse med den billed-webadresse, du kopierede. Afhængigt af hvor du vil have dit logo vist, skal du muligvis tilføje et <br/>-tag for at tilføje et linjeskift før eller efter dit billede.

Det bør se sådan her ud i HTML:

Eksempel på HTML-kode

Eksempel: Gør tabelbredder 100 %

Hvis dine tabeller skal have kanter og strække sig til 100 % bredde, skal du føje en table-tabular-klasse til din tabel:

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

Eksempel: Vis miniaturer for produkter

Indsæt denne kode i din skabelon for at inkludere miniaturer for produkter:

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

Tilføj ordreoplysninger

Du kan føje ordreoplysninger til dine skabeloner, som f.eks. navn, antal og pris på købte varer. Sådan føjer du ordreoplysninger til din skabelon:

  1. Gå til Apps > Order Printer (legacy) fra din Shopify-administrator.

  2. Klik på Administrer skabeloner.

  3. Klik på navnet på den skabelon, du vil redigere.

  4. Brug Liquid-variabler til at tilføje ordreoplysninger og HTML til at tilføje formatering. For eksempel udskriver {{ line_item.price | money }} varens pris.

  5. Klik på Gem, når du er færdig.

Nyla vil f.eks. redigere sin skabelon til pakkesedler, så den indeholder en liste over de varer, der afsendes. Hun tilføjer følgende kode nederst i sin Pakkeseddel-skabelon i Order Printer-appen:

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

Resultatet er, at Nylas pakkesedler nu indeholder en tabel, der viser de købte varer.