Hjelp
Logg på

Tilpasse Order Printer-maler

Du kan opprette og tilpasse opptil 15 maler for Order Printer-appen i Shopify-administratorpanelet. Som standard inneholder Order Printer-appen to maler:

  • Faktura – en enkel faktura du kan sende til en kunde
  • Følgeseddel – en utskrift av butikkadressen og kundens leveringsadresse

På denne siden

Opprett en ny Order Printer-mal

For å opprette en ny mal for Order Printer, må du ha kjennskap til HTML, CSS og Liquid. Shopifys brukerstøtte for temaer kan kanskje hjelpe til med mindre justeringer av gratis Shopify-temaer, innenfor omfanget til Shopifys designretningslinjer. Hvis du trenger mer komplekse endringer eller bruker et tema som ikke er laget av Shopify, bør du vurdere å leie inn en Shopify-partner.

Trinn:

  1. Fra Shopify-administratorpanelet går du til Apper > Order Printer (legacy).

  2. Klikk på Administrer maler.

  3. Klikk på Legg til mal.

  4. Angi et navn for den nye malen i Navn-feltet.

  5. Legg til HTML-, CSS- eller Liquid-kode i Kode-feltet for å opprette malen.

  6. Klikk på Lagre når du er ferdig.

Rediger en Order Printer-mal

For å redigere Order Printer-malene, må du ha kjennskap til HTML, CSS og Liquid. Shopifys brukerstøtte for temaer kan ikke gjøre omfattende redigeringer av maler for deg, men kan kanskje hjelpe med mindre justeringer av gratis Shopify-temaer innenfor omfanget til Shopifys designretningslinjer. For mer komplekse endringer, bør du vurdere å leie inn en Shopify-partner.

Trinn:

  1. Fra Shopify-administratorpanelet går du til Apper > Order Printer (legacy).

  2. Klikk på Administrer maler.

  3. Klikk på navnet på malen du vil redigere.

  4. Gjør endringer i malen ved å legge til eller redigere HTML-, CSS- eller Liquid-kode i Kode-feltet. Se Eksempler på maltilpasninger for å forhåndsvise eksempler på maltilpasninger.

  5. Klikk på Lagre når du er ferdig.

Eksempler på maltilpasninger

Følgende eksempler forklarer noen vanlige måter å tilpasse Order Printer-maler på:

Stasjonær datamaskin

  1. Fra Shopify-administratorpanelet går du til Innhold > Filer.

  2. Klikk på Last opp filer og velg bildefilen på datamaskinen.

  3. På Filer-siden finner du den opplastede filen og klikker på Kopier URL-adresse.

  4. Fra Shopify-administratorpanelet klikker du på Innstillinger > Apper.

  5. Klikk på Order Printer for å åpne appen.

  6. Klikk på Administrer maler.

  7. Klikk på navnet på malen du vil redigere.

  8. Angi følgende kodebit i malen der du vil at logoen skal vises: <img src="din-bilde-URL">.

  9. Erstatt din-bilde-URL med bildets URL-adresse som du kopierte. Avhengig av hvor du vil at logoen skal vises, kan det hende du må legge til en <br/>-tagg for å legge til et linjeskift før eller etter bildet.

Mobil

  1. Fra Shopify app, trykk på Menu-ikonet.

  2. I Innhold-menyen trykker du på pil ned-ikonet og deretter på Filer.

  3. Trykk på Last opp filer og velg bildefilen på datamaskinen.

  4. På Filer-siden finner du den opplastede filen og trykker på Kopier URL-adresse.

  5. Fra Shopify-administratorpanelet trykker du på Innstillinger > Apper.

  6. Trykk på Order Printer for å åpne appen.

  7. Trykk på Administrer maler.

  8. Trykk på navnet på malen du vil redigere.

  9. Angi følgende kodebit i malen der du vil at logoen skal vises: <img src="din-bilde-URL">.

  10. Erstatt din-bilde-URL med bildets URL-adresse som du kopierte. Avhengig av hvor du vil at logoen skal vises, kan det hende du må legge til en <br/>-tagg for å legge til et linjeskift før eller etter bildet.

Det skal se slik ut i HTML-koden:

Eksempel på HTML-kode

Eksempel: Angi tabellbredder til 100 %

For å få tabellene til å ha kantlinjer og strekke seg til 100 % bredde, legger du til en table-tabular-klasse i tabellen:

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

Eksempel: Vis produktminiatyrbilder

For å inkludere produktminiatyrbilder setter du inn denne koden i malen:

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

Legg til bestillingsinformasjon

Du kan legge til bestillingsinformasjon i malene, som navn, antall og kostnad for kjøpte varer. Slik legger du til bestillingsinformasjon i malen:

  1. Fra Shopify-administratorpanelet går du til Apper > Order Printer (legacy).

  2. Klikk på Administrer maler.

  3. Klikk på navnet på malen du vil redigere.

  4. Bruk Liquid-variabler til å legge til bestillingsinformasjon og HTML til å legge til formatering. For eksempel skriver {{ line_item.price | money }} ut prisen på varen.

  5. Klikk på Lagre når du er ferdig.

For eksempel ønsker Nyla å redigere følgeseddelmalen sin for å inkludere en liste over varene som sendes. Hun legger til følgende kode nederst i Følgeseddel-malen sin 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 følgesedler nå inneholder en tabell som lister opp de kjøpte varene.