Hjälp
Logga in

Anpassa Order Printer-mallar

Du kan skapa och anpassa upp till 15 mallar för Order Printer-appen i din Shopify admin. Som standard innehåller Order Printer-appen två mallar:

  • Faktura – en grundläggande faktura som du kan skicka till en kund
  • Följesedel – en utskrift av din butiks adress och din kunds leveransadress

På den här sidan

Skapa en ny Order Printer-mall

För att skapa en ny Order Printer-mall måste du vara bekant med HTML, CSS och Liquid. Shopifys temasupport kan eventuellt hjälpa till med mindre justeringar av gratis Shopify-teman inom ramen för Shopifys designpolicy. Om du behöver göra mer komplexa ändringar eller använder ett tema som inte skapats av Shopify kan du överväga att anlita en Shopify-partner.

Steg:

  1. Gå till Appar > Order Printer (legacy) från din Shopify admin.

  2. Klicka på Hantera mallar.

  3. Klicka på Lägg till mall.

  4. Ange ett namn för din nya mall i fältet Namn.

  5. Lägg till HTML-, CSS- eller Liquid-kod i fältet Kod för att skapa din mall.

  6. Klicka på Spara när du är klar.

Redigera en Order Printer-mall

För att redigera dina Order Printer-mallar måste du vara bekant med HTML, CSS och Liquid. Shopifys temasupport kan inte göra omfattande redigeringar av mallar åt dig, men kan eventuellt hjälpa till med mindre justeringar av gratis Shopify-teman inom ramen för Shopifys designpolicy. För mer komplexa ändringar kan du överväga att anlita en Shopify-partner.

Steg:

  1. Gå till Appar > Order Printer (legacy) från din Shopify admin.

  2. Klicka på Hantera mallar.

  3. Klicka på namnet på den mall som du vill redigera.

  4. Gör dina ändringar i mallen genom att lägga till eller redigera HTML-, CSS- eller Liquid-kod i fältet Kod. Se exempel på mallanpassningar i Exempel på mallanpassningar.

  5. Klicka på Spara när du är klar.

Exempel på mallanpassningar

Följande exempel förklarar några vanliga sätt att anpassa Order Printer-mallar:

Dator

  1. Gå till Innehåll > Filer från din Shopify admin.

  2. Klicka på Ladda upp filer och välj bildfilen på din dator.

  3. Hitta den uppladdade filen på sidan Filer och klicka på Kopiera URL.

  4. Klicka på Inställningar > Appar från din Shopify admin.

  5. Klicka på Order Printer för att öppna appen.

  6. Klicka på Hantera mallar.

  7. Klicka på namnet på den mall som du vill redigera.

  8. Ange följande kodfragment i din mall där du vill att din logotyp ska visas: <img src="your-image-URL">.

  9. Ersätt your-image-URL med den bild-URL du kopierade. Beroende på var du vill att din logotyp ska visas kan du behöva lägga till en <br/>-tagg för att lägga till en radbrytning före eller efter din bild.

Mobil

  1. Från Shopify app, tryck på ikonen Meny.

  2. Tryck på ikonen pil ner i menyn Innehåll och tryck sedan på Filer.

  3. Tryck på Ladda upp filer och välj bildfilen på din dator.

  4. Hitta den uppladdade filen på sidan Filer och tryck på Kopiera URL.

  5. Tryck på Inställningar > Appar från din Shopify admin.

  6. Tryck på Order Printer för att öppna appen.

  7. Tryck på Hantera mallar.

  8. Tryck på namnet på den mall som du vill redigera.

  9. Ange följande kodfragment i din mall där du vill att din logotyp ska visas: <img src="your-image-URL">.

  10. Ersätt your-image-URL med den bild-URL du kopierade. Beroende på var du vill att din logotyp ska visas kan du behöva lägga till en <br/>-tagg för att lägga till en radbrytning före eller efter din bild.

Det bör se ut så här i HTML-koden:

Exempel på HTML-kod

Exempel: Gör tabellbredder 100 %

Lägg till en table-tabular-klass i din tabell för att få tabellerna att ha ramar och sträcka sig till 100 % bredd:

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

Exempel: Visa produktminiatyrer

Infoga den här koden i din mall för att inkludera produktminiatyrer:

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

Lägg till orderuppgifter

Du kan lägga till orderuppgifter i dina mallar, till exempel namn, kvantitet och kostnad för köpta artiklar. Gör så här för att lägga till orderuppgifter i din mall:

  1. Gå till Appar > Order Printer (legacy) från din Shopify admin.

  2. Klicka på Hantera mallar.

  3. Klicka på namnet på den mall som du vill redigera.

  4. Använd Liquid-variabler för att lägga till orderuppgifter och HTML för att lägga till formatering. Exempelvis skriver {{ line_item.price | money }} ut artikelns pris.

  5. Klicka på Spara när du är klar.

Till exempel vill Nyla redigera sin följesedelsmall så att den inkluderar en lista över de artiklar som levereras. Hon lägger till följande kod längst ner i sin mall Följesedel i appen Order Printer:

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

Som ett resultat innehåller Nylas följesedlar nu en tabell som listar de köpta artiklarna.