Tilpasse maler i bestillingsskriver-appen

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

• Faktura– en standardfaktura som du kan sende til en kunde
• Pakkseddel– en utskrift av butikkadressen og kundens leveringsadresse

Opprett en ny Order Printer-mal

Å opprette en ny Order Printer-mal krever at du er kjent med HTML, CSS og Liquid. Shopify-temastøtte kan hjelpe med mindre justeringer innenfor omfanget avShopifys designpolicy.

Steg:

1. KlikkInnstillinger>Apper og salgskanalerfra Shopify-administrator.

2. Klikk påbestillingsskriverenfor å åpne appen.

3. KlikkAdministrer maler.

4. Klikk påLegg til mal.

5. Skriv inn et navn for den nye malen iNavn-feltet.

6. Legg til HTML, CSS eller Liquid-kode ikode-feltet for å opprette malen.

7. Når du er ferdig, klikker du påLagre.

Rediger en Order Printer-mal

Redigering av Order Printer-maler krever at du er kjent med HTML, CSS og Liquid. Shopify-temastøtte kan hjelpe med mindre justeringer innenfor omfanget avShopifys designpolicy.

Steg:

1. KlikkInnstillinger>Apper og salgskanalerfra Shopify-administrator.

2. Klikk påbestillingsskriverenfor å åpne appen.

3. KlikkAdministrer maler.

4. Klikk på navnet til malen du vil redigere.

5. Gjør endringer i malen ved å legge til eller redigere HTML, CSS eller Liquid-kode ikode-feltet. Seeksempel på tilpasningerav maler for å se eksempler på maltilpasninger.

6. Når du er ferdig, klikker du påLagre.

Eksempel på maltilpasninger

Følgende eksempler viser noen vanlige måter å tilpasse maler for Order Printer på:

• Legg til logoen i Order Printer-maler
• Gjør tabellbredde til 100 %
• Vis produktminiatyrbilder
• Legg til bestillingsinformasjon

Eksempel: Legg til logoen i Order Printer-maler

Du kan legge til logoen din for å bestille fakturaer, følgesedler og tilpassede maler:

1. Klikk påLast opp filerog velg bildefilen på datamaskinen din.

2. PåFiler-siden klikker du på bildets URL-adresse for å fremheve den. Deretter kopierer du teksten.

3. KlikkInnstillinger>Apper og salgskanalerfra Shopify-administrator.

4. Klikk påbestillingsskriverenfor å åpne appen.

5. KlikkAdministrer maler.

6. Klikk på navnet til malen du vil redigere.

7. Angi følgende kodesnutt i malen der du vil at logoen skal stå:.

8. Erstattyour-image-URLmed bilde-URL-adressen du kopierte. Avhengig av hvor du vil at logoen skal stå, må du kanskje legge til en
-tagg for å legge til et linjeskift før eller etter bildet.

Det skal se slik ut i HTML:

Eksempel: Gjør tabellbredder til 100 %

Hvis du vil ha kanter på tabellene dine og ønsker at de strekker seg til 100 % bredde, legger du tiltable-tabular-klasse i tabellen din:

class="table-tabular">...

Eksempel: Vis miniatyrbilder av produkter

Sett inn denne koden i malen din for å få med produktminiatyrbilder:

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

Legg til bestillingsinformasjon

Du kan legge til bestillingsdetaljer i malene dine, som navn, mengde og kostnader for kjøpte varer. Slik legger du til bestillingsdetaljer i malen:

1. KlikkInnstillinger>Apper og salgskanalerfra Shopify-administrator.

2. Klikk påbestillingsskriverenfor å åpne appen.

3. KlikkAdministrer maler.

4. Klikk på navnet til malen du vil redigere.

5. Bruk Liquid-variabler til å legge til bestillingsdetaljer og HTML for å legge til formatering. For eksempel vil{{ line_item.price | money }}skrive ut prisen på varen.

6. Når du er ferdig, klikker du påLagre.

Nyla vil for eksempel redigere pakkseddelmalen for å inkludere en liste over varene som sendes. Hun legger til følgende kode nederst påPacking slip-malen sin i Order Printer-appen:

< br > < br > <表类=“table-tabular”风格= "玛格in: 0 0 1.5em 0;">   Quantity Item {% if show_line_item_taxes %} Taxes {% endif %} Price    {% for line_item in line_items %}  {{ line_item.quantity }} x {{ line_item.title }} {% if line_item.tax_lines %}  {% for tax_line in line_item.tax_lines %} {{ tax_line.price | money }} {{ tax_line.title }}
 {% endfor %}  {% endif %} {{ line_item.price | money }}  {% endfor %}  

Som et resultat av dette, er det nå inkludert en tabell på Nylas følgesedler som viser varene som er kjøpt.