Anpassa mallar för Beställningsskrivare

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

  • Faktura - en basfaktura som du kan skicka till en kund
  • Följesedel - en utskrift av din butiksadress och kundens leveransadress

Skapa en ny mall för Order Printer

Du måste känna till HTML, CSS och Liquid för att du ska kunna skapa en ny mall för Order Printer. Shopifys Temasupport kan hjälpa till med mindre justeringar inom omfånget för Shopifys designprinciper.

Steg:

  1. Från din Shopify-admin går du till Appar.

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

  3. Klicka på Hantera mallar:

    Knappen Hantera mallar

  4. Klicka på Lägg till mall:

    Klicka på

  5. Ange ett namn för din nya mall i namn-fältet.

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

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

Redigera en mall för Order Printer

Du måste känna till HTML, CSS och Liquid för att kunna redigera dina Order Printer-mallar. Shopifys temasupport kan hjälpa till med mindre justeringar inom ramen för Shopifys designprinciper.

Steg:

  1. Från din Shopify-admin går du till Appar.

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

  3. Klicka på Hantera mallar:

    Knappen Hantera mallar

  4. Klicka på namnet på den mall du vill redigera:

    Välj mall att redigera

  5. Gör dina ändringar i mallen genom att lägga till eller redigera HTML, CSS eller Liquid-kod i fältet kod. Om du vill se exempel på mallanpassningar, se exempel på mallanpassningar.

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

Anpassningar av exempelmallar

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

  • Lägg till din logotyp till Order Printer-mallar
  • Gör tabellbredder 100 %
  • Visa produktminiatyrer
  • Lägg till orderinformation

Exempel: Lägg till din logotyp till Order Printer-mallar

Obs! Följande anpassningar kräver grundläggande kunskap om HTML.

Du kan lägga till din logotyp till beställningsfakturor, följesedlar och anpassade mallar:

  1. Klicka på Ladda upp filer och välj en bildfil på din dator.

  2. Klicka på bildadressen för att markera den och kopiera sedan texten på sidan filer:

    Kopiera bildwebbadressen

  3. Från din Shopify-admin går du till Appar.

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

  5. Klicka på Hantera mallar:

    Knappen Hantera mallar

  6. Klicka på namnet på den mall du vill redigera:

    Välj mall att redigera

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

  8. Byt ut your-image-URL mot bildadressen du kopierade. Beroende på var du vill att logotypen 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 ska se ut så här i HTML:

Exempel på HTML-kod

Och så här på din faktura:

Exempel på en skräddarsydd e-postmall

Exempel: gör tabellbredder 100 %

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

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

Exempel: visa produktminiatyrer

För att inkludera produktminiatyrer, lägg in den här koden i din mall:

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

Lägg till orderinformation

Observera: Följande anpassning kräver kunskap om HTML och Liquid.

Du kan lägga till orderinformation i dina mallar, till exempel namn, kvantitet och kostnad för varor som köps. Så här lägger du till orderinformation i din mall:

  1. Från din Shopify-admin går du till Appar.

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

  3. Klicka på Hantera mallar:

    Knappen Hantera mallar

  4. Klicka på namnet på den mall du vill redigera:

    Välj mall att redigera

  5. Använd Liquid-variabler för att lägga till orderinformation och HTML för att lägga till formatering. Till exempel skriver `` ut priset för artikeln.

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

Till exempel vill Nyla redigera sin följesedelels-mall för att inkludera en lista över de varor som skickas. Hon lägger till följande kod längst ner i Packing slip-mallen 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 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>

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

Exempel på följesedel

Är du redo att börja sälja med Shopify?

Prova gratis