Kodeverktøy for utskrevne kvitteringer for Shopify POS

Du kan tilpasse utskrevne kvitteringer ved hjelp av koderedigeringsprogrammet i Shopify-administrator. Filene som utgjør kvitteringene inneholder Liquid, Shopifys malspråk. Med koderedigeringsprogrammet kan du lage mer avanserte tilpasninger ved hjelp av HTML, CSS og Liquid enn med det visuelle redigeringsprogrammet.

Du kan endre kvitteringsmalen og seksjonsmalene som brukes på de utskrevne kvitteringene dine. Kvitteringer-malfilene er de typene kvitteringer du kan skrive ut i butikken. Seksjoner er deler av kvitteringene, som for eksempel topp- eller bunnteksten. Seksjoner kan gjenbrukes på flere kvitteringer.

Ting du bør vurdere før du bruker kodeverktøyet for kvitteringer

Før du bruker kodeverktøyet for kvitteringer, bør du vurdere følgende:

Tilgangsbegrensninger

  • Du kan bare bruke kodeverktøyet fra Shopify-administratorpanelet på en stasjonær datamaskin.
  • Kode-editoren er ikke tilgjengelig for noen POS-plasseringer i Italia.

Hvor endringer gjelder

  • Kodeendringer du gjør, gjelder kun for den valgte lokalisasjonen.
  • Tilpasninger i koderedigeringsprogrammet gjelder bare for POS Pro-steder. Hvis du bruker koderedigeringsprogrammet og har steder uten POS Pro, kan du bruke det visuelle redigeringsprogrammet til å tilpasse topp- og bunnteksten for disse stedene.
  • Du kan tilpasse trykte kvitteringer som har en mal i koderedigeringsprogrammet, som salgskvitteringer, byttelapper, gavekortkvitteringer og kvitteringer for returer og bytter.

Kodespråk

  • Filene som utgjør kvitteringene inneholder Liquid, Shopifys malspråk. Finn ut mer om bruk av Liquid.
  • For å redigere malene i koderedigeringsprogrammet for kvitteringer, må du være kjent med HTML, CSS og Liquid. Shopify Temastøtte kan hjelpe med mindre justeringer innenfor rammen av Shopifys retningslinjer for design.

Begrensninger for tilpasning

  • Du kan ikke forhåndsvise kvitteringer i ulike skriverstørrelser fra kode-editoren. For å forhåndsvise etter skriverstørrelse kan du bruke det visuelle redigeringsverktøyet.
  • Produktbeskrivelser er ikke tilgjengelige som en variabel i kvitteringsmaler, og kan ikke legges til på utskrevne kvitteringer.

Malvedlikehold

  • Hvis du tilpasser en kvittering med kvitteringens kode-editor, kan den eksisterende malen mangle nye egenskaper, for eksempel selling_plan_name. For å legge til de nyeste tilgjengelige egenskapene i malen din, må du tilbakestille kvitteringsmalen til standard. Når du tilbakestiller kvitteringsmaler til standard, fjernes alle tilpasninger du har gjort i dem. Noter ned den tilpassede koden før du tilbakestiller. Etter at du har tilbakestilt malen, må du legge til tilpasningene på nytt manuelt.

Få tilgang til koderedigeringsprogrammet

Du kan redigere malene ved hjelp av koderedigeringsprogrammet. Du må først bytte til å bruke koderedigeringsprogrammet fra det standard visuelle redigeringsprogrammet, og du kan når som helst bytte tilbake til det visuelle redigeringsprogrammet.

Trinnene for å bytte mellom redigeringsprogrammene er litt forskjellige avhengig av om alle POS-plasseringene dine er kvalifisert for koderedigeringsprogrammet, eller om bare noen av POS-plasseringene dine er kvalifiserte, for eksempel hvis noen av POS-plasseringene dine ikke bruker POS Pro eller er basert i Italia eller Frankrike.

Trinn:

Alle POS Pro-steder
  1. Gå til Salgsted > Innstillinger i Shopify-administrator.

  2. I delen Tilpasning klikker du på Utskrevne kvitteringer for å åpne POS-redigeringsprogrammet.

  3. Klikk på Seksjoner-ikonet i venstre sidestolpe.

  4. Klikk på Rediger kode.

  5. I dialogboksen Rediger kode for trykte kvitteringer redigerer du koden du vil endre.

  6. Klikk på Lagre.

  7. Valgfritt: For å fortsette å redigere flere Shopify POS-sider med POS-redigeringsprogrammet, går du tilbake i nettleservinduet.

Steder med Lite eller i Italia
  1. Gå til Salgsted > Innstillinger i Shopify-administrator.

  2. I delen Tilpasning klikker du på Utskrevne kvitteringer for å åpne POS-redigeringsprogrammet.

  3. På siden Kvitteringstilpasning klikker du på Koderedigeringsprogram.

Bruk egendefinerte filer i kvitteringsmalen

Du kan bruke filer, som bildeelementer, som du laster opp til Shopify-administratorpanelet, for å tilpasse trykte kvitteringer.

En fil må lastes opp til Shopify-administrator før den kan brukes i en utskrevet kvittering. Finn ut mer om filopplastinger.

Trinn:

  1. Gå til Innhold > Filer i Shopify-administrator.

  2. Ved siden av filen du vil inkludere i koden for den trykte kvitteringen, klikker du på Kopier kobling for å kopiere koblingen.

  3. Gå til koderedigeringsprogrammet.

  4. Inkluder elementkoblingen i malen.

Tilbakestill kvitteringsmalen til standard

Du kan tilbakestille en kvitteringsmal til standardversjonen ved hjelp av koderedigeringsprogrammet.

Trinn:

Alle POS Pro-steder
  1. Gå til Salgsted > Innstillinger i Shopify-administrator.

  2. I delen Tilpasning klikker du på Utskrevne kvitteringer for å åpne POS-redigeringsprogrammet.

  3. Klikk på Tilpass kvitteringene.

  4. Klikk på Rediger kode.

  5. Klikk på kodefilen du vil tilbakestille.

  6. Klikk på Tilbakestill til standard-ikonet.

  7. I dialogboksen Tilbakestill filen til standard klikker du på Tilbakestill.

Steder med Lite eller i Italia
  1. Gå til Salgsted > Innstillinger i Shopify-administrator.

  2. I delen Tilpasning klikker du på Utskrevne kvitteringer for å åpne POS-redigeringsprogrammet.

  3. På siden Kvitteringstilpasning klikker du på Koderedigeringsprogram.

  4. Klikk på kodefilen du vil tilbakestille.

  5. Klikk på Tilbakestill til standard-ikonet.

  6. I dialogboksen Tilbakestill filen til standard klikker du på Tilbakestill.

Liquid-variabler tilgjengelig i koderedigeringsprogrammet for kvitteringer

Du kan bruke Liquid til å tilpasse malen for utskrevne kvitteringer og kvitteringstyper.

Følgende dataobjekter er tilgjengelige for koderedigeringsprogrammet for kvitteringer:

Kvitteringsobjekter

Beskrivelse av kvitteringsdataobjekter
ObjektBeskrivelse
shop
Inneholder butikkinformasjonen, som butikknavnet.
location
Inneholder informasjon om utsalgsstedet, som adresse og telefonnummer.
order
Inneholder bestillingsdataene, inkludert postene, rabattene, avgiftene og transaksjonsinformasjonen.
return
Bare tilgjengelig i malen return-and-exchange-receipt.liquid og de tilhørende delmalene. Inneholder data for returer og bytter, inkludert de returnerte postene, de nye postene, nettosummen og transaksjonsinformasjonen.
gift_card
Bare tilgjengelig i malen gift-card.liquid. Inneholder gavekortdataene, inkludert saldoen, den alfanumeriske koden og innholdet i en QR-kode som kan skannes av POS-appen.

Bestillingsobjekt

Beskrivelse av bestillingsobjektet
EgenskapBeskrivelse
id
ID-en for bestillingen.
created_at
Dato og klokkeslett i ISO 8601-format da bestillingen ble opprettet.
source_identifier
En unik POS- eller tredjeparts bestillingsidentifikasjon.
change_due
Vekselpenger for bestillingen.
balance_due
Utestående beløp for denne bestillingen.
name
Den unike identifikasjonen for bestillingen som vises på bestillingssiden i Shopify-administratorpanelet og på statussiden. For eksempel «#1001», «EN1001» eller «1001-A». Denne verdien er ikke unik på tvers av flere butikker.
note
Innholdet i merknaden som er knyttet til bestillingen.
line_items
En liste over bestillingens poster.
subtotal_price
Summen av prisene for alle poster etter rabatter og før returer. Hvis taxesIncluded er sann, inkluderer delsummen også avgift.
total_price
Totalprisen for bestillingen, før returer. Dette inkluderer avgifter og rabatter.
total_tip_received
Summen av alle tipsbeløp for bestillingen.
discounts
Det totale rabattbeløpet.
transactions
En liste over transaksjoner knyttet til bestillingen.
taxes_included
Om avgifter er inkludert i delsummen for bestillingen.
tax_lines
En liste over alle avgiftslinjer som er brukt på poster i bestillingen, før returer. Prisene for avgiftslinjer representerer totalprisen for alle avgiftslinjer med samme sats og tittel.
customer
Kunden som la inn bestillingen.
shipping_address
Leveringsadressen for bestillingen.
shipping_groups
Listen over fraktgrupper for bestillingen. Hver gruppe inneholder poster som sluttføres sammen.

Returobjekt

Beskrivelse av returobjektet
EgenskapBeskrivelse
name
Den unike identifikasjonen for returen som vises på bestillingssiden i Shopify-administratorpanelet og på statussiden. For eksempel «#1000-R1». Denne verdien er ikke unik på tvers av flere butikker.
created_at
ISO 8601-formatert dato og klokkeslett for da returen ble opprettet.
is_unverified
En boolsk verdi som angir om returen ble opprettet som en ubekreftet retur.
is_exchange
En boolsk verdi som angir om returen inneholder et bytte. Dette inkluderer refusjoner til et gavekort.
exchange_type
Typen bytte, hvis returen inneholder et bytte. Mulige verdier er LIKE_FOR_LIKE, NET_REFUNDABLE og NET_PAYABLE.
return_discount
Det totale beløpet for bestillingsrabatter som har blitt refundert.
return_subtotal
Summen av prisene for alle returposter før rabatter. Hvis taxesIncluded er sann, inkluderer delsummen også avgift.
return_total
Det totale mulige refusjonsbeløpet. Dette inkluderer avgifter, rabatter, frakt og tips. Det er kanskje ikke det faktiske refunderte beløpet.
exchange_subtotal
Summen av prisene for alle nye poster i byttet før rabatter. Hvis taxesIncluded er sann, inkluderer delsummen også avgift.
exchange_total
Totalbeløpet for alle nye poster i byttet. Dette inkluderer avgifter og rabatter.
total_cash_rounding_adjustment
Justeringen for kontantavrunding som er brukt på returen eller byttet.
total_adjusted_amount
Totalbeløpet for returen eller byttet, justert for kontantavrunding.
net_total
Det faktiske totalbeløpet som er betalt eller refundert for returen eller byttet, og før kontantavrunding.
return_line_items
De returnerte postene.
exchange_line_items
De nye postene i byttet.
return_tax_lines
Avgiftslinjene for de returnerte postene.
exchange_tax_lines
Avgiftslinjene for de nye postene i byttet.
shipping_refund_amount
Fraktbeløpet som er refundert.
tip_refund_amount
Tipsbeløpet som er refundert.
transactions
Transaksjonene som er knyttet til returen eller byttet.

Fraktgruppeobjekt

Beskrivelse av fraktgruppeobjektet
EgenskapBeskrivelse
destination
Destinasjon for produktene som sendes.
products
En liste over produkter som sendes.

Postobjekt

Beskrivelse av postobjektet
EgenskapBeskrivelse
id
ID-en til posten.
name
Produkttittelen, valgfritt etterfulgt av varianttittelen (hvis aktuelt).
variant_title
Varianttittelen da bestillingen ble opprettet.
price
Enhetsprisen for posten da bestillingen ble opprettet. Denne verdien inkluderer ikke rabatter.
is_gift_card
Om posten representerer kjøp av et gavekort.
discount
Den totale rabatten som er tildelt posten via rabattanvendelser, inkludert rabatter som er tildelt refunderte og fjernede antall.
total_price
Totalen for denne posten.
selling_plan_name
Navnet på abonnementstypen som er tilordnet posten.
tax_rates
Avgiftslinjene for denne posten.
custom_attributes
En liste over kjennemerker som representerer egendefinerte funksjoner eller spesialforespørsler.
variant_title
Varianttittelen.
variant_id
ID-en til varianten.
variant_metafields
En liste over egendefinerte felt som en forhandler har knyttet til varianten.
staff_member_description
Personalmedlemmet som er tilskrevet posten.
product_metafields
En liste over egendefinerte felt som en forhandler har knyttet til produktet.

Returpostobjekt

Inkluderer alt i postobjektet pluss følgende egenskaper:

Beskrivelse av postobjektet
EgenskapBeskrivelse
return_reason
Returårsaken for posten.
return_reason_note
En valgfri merknad som følger med returårsaken.

Liquid-filtre tilgjengelig i kodeditor for kvitteringer

Du kan bruke Liquid-filtre til å justere informasjon i kvitteringsmalene. For eksempel kan du endre formateringen av valuta eller bruken av store og små bokstaver i spesifikk tekst, som en avgiftskode.

For å bruke et filter legger du til et vertikalstrek-tegn | og deretter filteret i Liquid-kodeblokken mellom doble krøllparenteser {{ }}. Filtre kan bare brukes på Liquid-kodeblokker.

I følgende eksempel justerer filteret avgiftskoden fra små til store bokstaver.

{{ tax_line.title | upcase }}

I kodeblokkeksempelet er product objektet, title er egenskapen og upcase er filteret som brukes. Filteret upcase endrer verdien for tax_line.title til store bokstaver. Hvis for eksempel tax_line.title har verdien Hst, endrer upcase-filteret verdien til HST.

Se Filtre-seksjonen fra Shopify Themes Liquid-referansen for mer informasjon om hvordan du bruker Liquid-filtre.

Følgende filtre er tilgjengelige i kodebehandleren for kvitteringer:

Beskrivelse av kvitteringsfiltre
EgenskapBeskrivelse
t
Oversetter forhåndsdefinerte etiketter til språket som er tilordnet stedet.
money
Formaterer prisen i stedets valuta.
escape
Omgår spesialtegn i HTML, som <>, ' og &, og konverterer tegnene til escape-sekvenser.
barcode
Genererer en 1D SVG-strekkode.
qrcode
Genererer en 2D SVG-strekkode.

Eksempel på kodetilpasning av mal for utskrevne kvitteringer

Du kan bruke Liquid til å legge til betingede meldinger. Denne funksjonaliteten ligner på å lagre til ett enkelt sted med det visuelle redigeringsprogrammet. Hvis for eksempel bedriften din startet med ett enkelt sted og nå har flere nye steder, kan det være at du vil fremheve den opprinnelige butikken på de utskrevne kvitteringene.

Du kan legge til en egendefinert melding i header.liquid-malen i Sections-mappen i kodebehandleren, og bruke Liquid til å vise meldingen bare for flaggskipplasseringen.

Følgende kode sjekker navnet på plasseringen, i dette tilfellet den opprinnelige plasseringen kalt «Home», og viser meldingen «Velkommen til den opprinnelige butikken vår, åpnet i 1972.» hvis plasseringen samsvarer med navnet. Kvitteringer som skrives ut fra de andre plasseringene dine, viser i stedet meldingen «Velkommen til butikken vår.».

{% if location.name == 'Home' %}
  Welcome to our original store, opened in 1972.
{% else %}
  Welcome to our store.
{% end %}

Forhåndsvis kodeendringene i kodebehandleren

Du kan forhåndsvise endringene i de utskrevne kvitteringene i POS-koderedigeringsprogrammet i Shopify-administrator.

Avhengig av hvilken Liquid-fil som er valgt, fremhever forhåndsvisningsvinduet designet eller delen av kvitteringen som påvirkes av filen. Som standard viser forhåndsvisningsvinduet innholdet for den nyeste POS-bestillingen din. Du kan velge en bestemt bestilling som skal brukes som kvitteringsinnhold i forhåndsvisningsvinduet for alle Liquid-filer, unntatt gift-card.liquid-filen, som bare viser de ulike plasseringene som valgbare forhåndsvisningsalternativer.

Trinn:

Alle POS Pro-steder
  1. Gå til Salgsted > Innstillinger i Shopify-administrator.

  2. I delen Tilpasning klikker du på Utskrevne kvitteringer for å åpne POS-redigeringsprogrammet.

  3. Klikk på Tilpass kvitteringene.

  4. Klikk på Rediger kode.

  5. Klikk på kodefilen du vil forhåndsvise. Kvitteringen din vises i redigeringsvinduet helt til høyre.

  6. Valgfritt: For å velge en bestemt bestilling som skal brukes som kvitteringsinnhold i forhåndsvisningsvinduet, gjør du følgende:

    1. Klikk på Vis-ikonet.
    2. Salg gjort fra Point of Sale-kanalen fra alle plasseringer vises i dialogboksen Velg bestilling for forhåndsvisning. Velg en bestilling fra listen, eller søk etter bestemte bestillinger og plasseringer ved hjelp av søkefeltet.
    3. Klikk på Bekreft.
  7. Valgfritt: Hvis du forhåndsviser gift-card.liquid-filen, klikker du på Vis-ikonet og velger plasseringen du vil forhåndsvise malen for.

Steder med Lite eller i Italia
  1. Gå til Salgsted > Innstillinger i Shopify-administrator.

  2. I delen Tilpasning klikker du på Utskrevne kvitteringer for å åpne POS-redigeringsprogrammet.

  3. På siden Kvitteringstilpasning klikker du på Koderedigeringsprogram.

  4. Klikk på kodefilen du vil forhåndsvise. Kvitteringen din vises i redigeringsvinduet helt til høyre.

  5. Valgfritt: For å velge en bestemt bestilling som skal brukes som kvitteringsinnhold i forhåndsvisningsvinduet, gjør du følgende:

    1. Klikk på Vis-ikonet.
    2. Salg gjort fra Point of Sale-kanalen fra alle plasseringer vises i dialogboksen Velg bestilling for forhåndsvisning. Velg en bestilling fra listen, eller søk etter bestemte bestillinger og plasseringer ved hjelp av søkefeltet.
    3. Klikk på Bekreft.
  6. Valgfritt: Hvis du forhåndsviser gift-card.liquid-filen, klikker du på Vis-ikonet og velger plasseringen du vil forhåndsvise malen for.