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.
På denne siden
- Viktig å tenke på ved bruk av koderedigeringsprogrammet for kvitteringer
- Få tilgang til koderedigeringsprogrammet
- Bruke egendefinerte filer i kvitteringsmalen
- Tilbakestille kvitteringsmalen til standard
- Liquid-variabler tilgjengelig i koderedigeringsprogrammet for kvitteringer
- Liquid-filtre tilgjengelig i koderedigeringsprogrammet for kvitteringer
- Eksempel på kodetilpasning av en mal for utskrevne kvitteringer
- Forhåndsvise kodeendringer i koderedigeringsprogrammet
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
Gå til Salgsted > Innstillinger i Shopify-administrator.
I delen Tilpasning klikker du på Utskrevne kvitteringer for å åpne POS-redigeringsprogrammet.
Klikk på
-ikonet i venstre sidestolpe.
Klikk på Rediger kode.
I dialogboksen Rediger kode for trykte kvitteringer redigerer du koden du vil endre.
Klikk på Lagre.
Valgfritt: For å fortsette å redigere flere Shopify POS-sider med POS-redigeringsprogrammet, går du tilbake i nettleservinduet.
Steder med Lite eller i Italia
Gå til Salgsted > Innstillinger i Shopify-administrator.
I delen Tilpasning klikker du på Utskrevne kvitteringer for å åpne POS-redigeringsprogrammet.
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:
Gå til Innhold > Filer i Shopify-administrator.
Ved siden av filen du vil inkludere i koden for den trykte kvitteringen, klikker du på
for å kopiere koblingen.
Inkluder elementkoblingen i malen.
Tilbakestill kvitteringsmalen til standard
Du kan tilbakestille en kvitteringsmal til standardversjonen ved hjelp av koderedigeringsprogrammet.
Trinn:
Alle POS Pro-steder
Gå til Salgsted > Innstillinger i Shopify-administrator.
I delen Tilpasning klikker du på Utskrevne kvitteringer for å åpne POS-redigeringsprogrammet.
Klikk på Tilpass kvitteringene.
Klikk på Rediger kode.
Klikk på kodefilen du vil tilbakestille.
Klikk på
-ikonet.
I dialogboksen Tilbakestill filen til standard klikker du på Tilbakestill.
Steder med Lite eller i Italia
Gå til Salgsted > Innstillinger i Shopify-administrator.
I delen Tilpasning klikker du på Utskrevne kvitteringer for å åpne POS-redigeringsprogrammet.
På siden Kvitteringstilpasning klikker du på Koderedigeringsprogram.
Klikk på kodefilen du vil tilbakestille.
Klikk på
-ikonet.
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
| Objekt | Beskrivelse |
|---|---|
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
| Egenskap | Beskrivelse |
|---|---|
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
| Egenskap | Beskrivelse |
|---|---|
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
| Egenskap | Beskrivelse |
|---|---|
destination | Destinasjon for produktene som sendes. |
products | En liste over produkter som sendes. |
Postobjekt
| Egenskap | Beskrivelse |
|---|---|
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:
| Egenskap | Beskrivelse |
|---|---|
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:
| Egenskap | Beskrivelse | |
|---|---|---|
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
Gå til Salgsted > Innstillinger i Shopify-administrator.
I delen Tilpasning klikker du på Utskrevne kvitteringer for å åpne POS-redigeringsprogrammet.
Klikk på Tilpass kvitteringene.
Klikk på Rediger kode.
Klikk på kodefilen du vil forhåndsvise. Kvitteringen din vises i redigeringsvinduet helt til høyre.
Valgfritt: For å velge en bestemt bestilling som skal brukes som kvitteringsinnhold i forhåndsvisningsvinduet, gjør du følgende:
- Klikk på
-ikonet.
- 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.
- Klikk på Bekreft.
- Klikk på
Valgfritt: Hvis du forhåndsviser
gift-card.liquid-filen, klikker du på-ikonet og velger plasseringen du vil forhåndsvise malen for.
Steder med Lite eller i Italia
Gå til Salgsted > Innstillinger i Shopify-administrator.
I delen Tilpasning klikker du på Utskrevne kvitteringer for å åpne POS-redigeringsprogrammet.
På siden Kvitteringstilpasning klikker du på Koderedigeringsprogram.
Klikk på kodefilen du vil forhåndsvise. Kvitteringen din vises i redigeringsvinduet helt til høyre.
Valgfritt: For å velge en bestemt bestilling som skal brukes som kvitteringsinnhold i forhåndsvisningsvinduet, gjør du følgende:
- Klikk på
-ikonet.
- 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.
- Klikk på Bekreft.
- Klikk på
Valgfritt: Hvis du forhåndsviser
gift-card.liquid-filen, klikker du på-ikonet og velger plasseringen du vil forhåndsvise malen for.