Koderedigeringsverktøy for kvitteringsutskrifter

Du kan tilpasse kvitteringsutskrifter ved hjelp av koderedigeringsverktøyet i Shopify-administrator. Med koderedigeringsverktøyet kan du opprette mer avanserte tilpasninger ved hjelp av HTML, CSS og Liquid enn du kan med det visuelle redigeringsverktøyet.

Du kan endre kvitteringsmalen og seksjonsmalene som brukes på kvitteringsutskriftene. Malfilene Kvitteringer er den typen kvitteringer du kan skrive ut i butikken. Seksjoner er deler av kvitteringene, som for eksempel topp- og bunntekst. Seksjoner kan gjenbrukes i flere kvitteringstyper.

På denne siden

Hensyn ved bruk av redigeringsverktøyet for kode

Før du bruker koderedigeringsverktøyet for kvitteringer, bør du gå gjennom følgende hensyn:

Du kan bare bruke redigeringsverktøyet for kode fra Shopify-administrator på en datamaskin.
Kodeendringene du gjør gjelder for alle POS Pro-lokalisasjoner. Du kan imidlertid legge til betingelser for å vise tilpasninger for bestemte lokalisasjoner. Finn ut mer om bruk av kontrollflytmerker med Liquid.
Når du bytter til koderedigeringsverktøyet, kan du ikke gjøre tilpasninger i kvitteringsmaler fra Shopify POS-appen. Du kan fortsatt justere Utskriftsalternativer fra Shopify POS-appen fra lokalisasjoner med POS Pro-abonnementstypen.
Tilpasninger i koderedigeringsverktøyet gjelder bare for POS Pro-lokalisasjoner. Hvis du bruker koderedigeringsverktøyet og har POS Lite-lokalisasjoner, kan du bruke det visuelle redigeringsverktøyet til å tilpasse topp- og bunntekst for Lite-lokalisasjoner.
Filene som utgjør kvitteringene inneholder Liquid, som er Shopifys malspråk. Finn ut mer om bruk av Liquid.
Du må kjenne til HTML, CSS og Liquid for å redigere maler i koderedigeringsverktøyet for kvitteringer. Shopifys brukerstøtte for temaer kan bistå med mindre justeringer innenfor omfanget av Shopifys designretningslinjer.
Noen typer kvitteringsutskrifter kan ikke tilpasses.
Koderedigeringsverktøyet er ikke tilgjengelig for lokalisasjoner i Italia.

Inkompatibilitetshensyn for kvitteringstyper

Noen typer kvitteringsutskrifter kan ikke tilpasses i koderedigeringsverktøyet for kvitteringer. Kvitteringstyper som ikke har en mal i koderedigeringsverktøyet, er ikke kompatible for tilpasning.

Du kan tilpasse følgende typer kvitteringsutskrifter:

salgskvitteringer
gavekortkvitteringer
gavekvitteringer

Du kan ikke tilpasse følgende kvitteringer:

returkvitteringer
byttekvitteringer

I tillegg er alle kvitteringstyper for lokalisasjoner i Italia inkompatible for tilpasning.

Åpne koderedigeringsverktøyet

Du kan redigere maler ved hjelp av koderedigeringsverktøyet.

Trinn:

Gå til Innstillinger > Apper og salgskanaler fra Shopify-administrator.
Klikk Point of sale fra siden Apper og salgskanaler.
Klikk Åpne salgskanal.
Klikk på Innstillinger > Kvitteringstilpasning.
Klikk på Tilpass kvitteringer.
Klikk på ... > Rediger kode.
Klikk på Rediger kode i dialogboksen Rediger kode.

Bruk egendefinerte filer i kvitteringsmalen

Du kan bruke filer du laster opp for å tilpasse kvitteringer. Hvis du har egendefinerte bilder du ønsker å skrive ut på kvitteringene dine, kan du laste dem opp til Shopify-administrator, og deretter bruke dem på tilpassede kvitteringer. Finn ut mer om filopplastinger.

Trinn:

Gå til Innstillinger > Apper og salgskanaler fra Shopify-administrator.
Klikk Point of sale fra siden Apper og salgskanaler.
Klikk Åpne salgskanal.
Klikk på Innstillinger > Kvitteringstilpasning.
Klikk på Tilpass kvitteringer.
Klikk på siden Innhold.
Kopier koblingen ved siden av filen du ønsker å bruke i kvitteringsmalen.
Inkluder koblingen i malen.

Tilbakestill kvitteringsmalen til standard

Du kan tilbakestille en kvitteringsmal til standardversjonen ved hjelp av koderedigeringsverktøyet.

Trinn:

Gå til Innstillinger > Apper og salgskanaler fra Shopify-administrator.
Klikk Point of sale fra siden Apper og salgskanaler.
Klikk Åpne salgskanal.
Klikk på Innstillinger > Kvitteringstilpasning.
Klikk på malen du ønsker å tilbakestille.
Klikk på ikonet for tilbakestilling.
Klikk på Tilbakestill i modalboksen Tilbakestill filen til standard for å bekrefte.

Tilgjengelige Liquid-variabler i koderedigeringsverktøyet for kvitteringer

Du kan bruke Liquid til å tilpasse maler for kvitteringsutskrifter og kvitteringstyper.

Følgende dataobjekter er tilgjengelige for koderedigeringsverktøyet for kvitteringer:

Beskrivelse av kvitteringsdataobjekter
Objekt	Beskrivelse
shop	Inneholder butikkinformasjon, som for eksempel butikknavn.
location	Inneholder informasjon om utsalgsstedet, som adresse og telefonnummer.
order	Inneholder bestillingsdataene, inkludert varelinjer, rabatter, avgifter og transaksjonsinformasjon.
gift_card	Bare tilgjengelig i malen `gift_card.liquid`. Inneholder gavekortdata, inkludert saldo, alfanumerisk kode og innholdet i en QR-kode som kan skannes av POS-appen.

Tilgjengelige Liquid-filtre i koderedigeringsverktøyet for kvitteringer

Du kan bruke Liquid-filtre for å gjøre justeringer av informasjon i kvitteringsmalene. Du kan for eksempel endre formateringen av en valuta eller store og små bokstaver i bestemt tekst, som for eksempel en skattekode.

For å bruke et filter legger du til rørtegnet |, og deretter filteret i en blokk med Liquid-kode mellom doble krølleparenteser {{ }}. Filtre kan bare brukes for blokker med Liquid-kode.

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

{{ tax_line.title | upcase }}

I eksempelkodeblokken er product objektet, title egenskapen og upcase er filteret som brukes. Filteret upcase endrer fra små til store bokstaver for verdien tax_line.title. Hvis tax_line.title for eksempel har verdien Hst, vil filteret upcase endre verdien til HST.

Se filterseksjonen i Liquid-referansen for Shopify-temaer for mer informasjon om bruk av Liquid-filtre.

Følgende filtre er tilgjengelige i koderedigeringsverktøyet for kvitteringer:

Beskrivelse av kvitteringsfiltre
Egenskap	Beskrivelse
t	Oversetter forhåndsdefinerte etiketter til språket som er tilordnet din lokalisasjon.
money	Formaterer prisen i lokalisasjonens valuta.
escape	Hopper over spesialtegn i HTML, som `<>`, `'` og `&`, og konverterer tegn til sekvenser som hoppes over.
barcode	Genererer en SVG-fil med en 1D-strekkode.
qrcode	Genererer en SVG-fil med en 2D-strekkode.

Eksempel på kodetilpasning for en kvitteringsutskriftsmal

Du kan bruke Liquid til å legge til betingelsesbaserte meldinger. Denne funksjonaliteten ligner på lagring av én enkelt lokalisasjon med det visuelle redigeringsverktøyet. La oss for eksempel si at virksomheten din startet med én lokalisasjon, og at du nå har flere nye lokalisasjoner. Du ønsker å fremheve den opprinnelige butikken på kvitteringsutskriftene.

Du kan legge til en egendefinert melding i header.liquid-malen i mappen Seksjoner i koderedigeringsverktøyet, og bruke Liquid til å bare vise meldingen for flaggskiplokalisasjonen.

Følgende kode kontrollerer lokalisasjonens navn, i dette tilfellet den opprinnelige lokalisasjonen «Hjem», og viser meldingen «Velkommen til vår første butikk, åpnet i 1972.» hvis lokalisasjonen samsvarer med navnet. Kvitteringer som skrives ut fra andre lokalisasjoner har meldingen «Velkommen til butikken vår.» i stedet.

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