Sådan opretter og tilpasser du skabeloner ved hjælp af Shopify Order Printer

Du kan oprette og tilpasse skabeloner via Shopify Order Printer-appen i din Shopify-administrator. Som standard indeholder Shopify Order Printer-appen de følgende skabeloner:

  • Faktura: En faktura, som du kan sende til en kunde
  • Pakkeseddel: en udskrift af din butiksadresse og din kundes leveringsadresse.

Du kan bruge Liquid til at oprette dine egne tilpassede skabeloner til andre pakkebilag, som f.eks. kuponer, labels eller kvitteringer.

Overvejelser i forbindelse med oprettelse af skabeloner i Shopify Order Printer-appen

Gennemgå følgende overvejelser, før du opretter skabeloner i Shopify Order Printer-appen:

Opret en skabelon

Du kan oprette en ny skabelon til dit ordredokument.

Trin:

  1. Klik på Indstillinger > Apps- og Salgskanaler i Shopify-administrator.

  2. Fra siden Apps og salgskanaler, klik på Order Printer.

  3. Klik på Åbn app.

  4. Klik på Skabeloner.

  5. Klik på Opret en skabelon.

  6. Indtast et navn for din skabelon, som f.eks. label eller kupon, i feltet Navn.

  7. Tilføj HTML-, CSS- eller Liquid-kode i afsnittet Rediger kode for at oprette din skabelon.

  8. Valgfrit: Klik på Forhåndsvisning for at se en forhåndsvisning af din skabelon.

  9. Klik på Gem.

Rediger en skabelon

Du kan redigere en eksisterende skabelon. Du kan få mere at vide om skabelontilpasninger i Eksempler på skabelontilpasninger.

Trin:

  1. Klik på Indstillinger > Apps- og Salgskanaler i Shopify-administrator.

  2. Fra siden Apps og salgskanaler, klik på Order Printer.

  3. Klik på Åbn app.

  4. Klik på Skabeloner.

  5. Klik på den skabelon, du vil redigere.

  6. Tilføj eller rediger HTML-, CSS- eller Liquid-kode i afsnittet Rediger kode.

  7. Valgfrit: Klik på Forhåndsvisning for at se en forhåndsvisning af din skabelon.

  8. Klik på Gem.

Eksempler på skabelontilpasninger

Læs følgende eksempler for at få mere at vide om, hvordan du kan tilpasse Shopify Order Printer-skabeloner:

Du kan føje dit logo til din skabelon.

Trin:

  1. Gå til Indhold > Filer i Shopify-administrator.
  2. Klik på Upload filer, og vælg derefter den billedfil, du vil uploade.
  3. Klik på ikonet Link for at kopiere webadressen til dit logobillede.
  4. Klik på Indstillinger > Apps og salgskanaler.
  5. Klik på Order Printer.
  6. Klik på Skabeloner.
  7. Klik på navnet på den skabelon, du vil redigere.
  8. Indsæt følgende kodeblok i kodeeditoren:

liquid <div style="text-align: center;"> <img style="width: 4em;" src="YOUR_IMAGE_URL_HERE"> </div>

  1. Erstat YOUR_IMAGE_URL_HERE med koden i dit billedes webadresse.
  2. Valgfrit: Hvis du vil justere dit logo, skal du ændre text-align-værdien til left, right eller center.
  3. Valgfrit: Hvis du vil justere logoets bredde, skal du ændre width-værdien til en højere eller lavere værdi, som f.eks. 8em eller 2em.
  4. Valgfrit: Klik på Forhåndsvisning for at se en forhåndsvisning af din skabelon.
  5. Klik på Gem.

Eksempel:

Gennemgå følgende eksempel på, hvordan din HTML skal vises, når du har føjet dit logo til din skabelon:

Et eksempel, der viser en kodeblok for, hvordan man føjer et logo til en skabelon

Indstil tabelbredden til 100 %

Du kan føje kanter til din tabel og strække den til en bredde på 100 %. Du skal føje table-tabular-klassen til din tabel.

Trin:

  1. Klik på Indstillinger > Apps- og Salgskanaler i Shopify-administrator.

  2. Fra siden Apps og salgskanaler, klik på Order Printer.

  3. Klik på Åbn app.

  4. Klik på Skabeloner.

  5. Klik på den skabelon, du vil redigere.

  6. Åbn kodeeditoren, og find den tabel, du vil redigere. Føj derefter table-tabular-klassen til din tabel.

  7. Valgfrit: Klik på Forhåndsvisning for at se en forhåndsvisning af din skabelon.

  8. Klik på Gem.

Eksempel:

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

Vis miniaturebilleder af produkter

Du kan føje miniaturebilleder af dine produkter til din ordreskabelon. Du skal indsætte en tilpasset kodeblok i skabelonen.

Trin:

  1. Klik på Indstillinger > Apps- og Salgskanaler i Shopify-administrator.

  2. Fra siden Apps og salgskanaler, klik på Order Printer.

  3. Klik på Åbn app.

  4. Klik på Skabeloner.

  5. Klik på den skabelon, du vil redigere.

  6. Føj kodeblokken liquid {{ line_item.product.featured_image | product_img_url: 'thumb' | img_tag }} til din skabelon.

  7. Valgfrit: Klik på Forhåndsvisning for at se en forhåndsvisning af din skabelon.

  8. Klik på Gem.

Tilføj ordreoplysninger

Du kan føje ordreoplysninger til din skabelon, som f.eks. navn, antal og pris på de købte varer.

Trin:

  1. Klik på Indstillinger > Apps- og Salgskanaler i Shopify-administrator.

  2. Fra siden Apps og salgskanaler, klik på Order Printer.

  3. Klik på Åbn app.

  4. Klik på Skabeloner.

  5. Klik på den skabelon, du vil redigere.

  6. Åbn kodeeditoren, og brug Liquid-variabler til at tilføje ordreoplysninger og HTML til at tilføje formatering. Hvis du f.eks. bruger {{ line_item.price | money }} vises varens pris.

  7. Valgfrit: Klik på Forhåndsvisning for at se en forhåndsvisning af din skabelon.

  8. Klik på Gem.

Eksempel:

Nyla vil gerne redigere din skabelon til pakkesedler, så den indeholder en liste over de varer, der afsendes. Hun tilføjer følgende kode i bunden af skabelonen Pakkeseddel i Shopify Order Printer-appen. Det betyder, at Nylas pakkeseddel nu indeholder en tabel over de varer, der er købt.

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

Er du klar til at begynde at sælge med Shopify?

Prøv det gratis