Kodeeditor til udskrevne kvitteringer til din Shopify POS
Du kan tilpasse dine udskrevne kvitteringer ved hjælp af kodeeditoren i din Shopify-administrator. Filerne, som dine kvitteringer består af, indeholder Liquid, der er Shopifys skabelonsprog. Med kodeeditoren kan du oprette mere avancerede tilpasninger ved hjælp af HTML, CSS og Liquid, end du kan med den visuelle editor.
Du kan ændre kvitteringsskabelonen og de sektionsskabeloner, der bruges på dine udskrevne kvitteringer. Skabelonfilerne under Kvitteringer er de typer af kvitteringer, du kan udskrive i din butik. Sektioner er dele af kvitteringerne, f.eks. sidehovedet eller sidefoden. Sektioner kan genbruges på flere kvitteringer.
På denne side
- Overvejelser i forbindelse med brug af kodeeditoren til kvitteringer
- Få adgang til kodeeditoren
- Brug tilpassede filer i din kvitteringsskabelon
- Nulstil din kvitteringsskabelon til standard
- Liquid-variabler, der er tilgængelige i kodeeditoren til kvitteringer
- Liquid-filtre, der er tilgængelige i kodeeditoren til kvitteringer
- Eksempel på kodetilpasning af en skabelon til udskrevne kvitteringer
- Forhåndsvis dine kodeændringer i kodeeditoren
Overvejelser i forbindelse med brug af kodeeditoren til kvitteringer
Før du bruger kodeeditoren til kvitteringer, skal du gennemgå følgende overvejelser:
Adgangsbegrænsninger
- Du kan kun bruge kodeeditoren fra din Shopify-administrator på en computer.
- Kodeeditoren er ikke tilgængelig for nogen POS-lokationer i Italien.
Hvor ændringerne gælder
- Kodeændringer, du foretager, gælder kun for den valgte lokation.
- Tilpasninger i kodeeditoren gælder kun for POS Pro-lokationer. Hvis du bruger kodeeditoren og har lokationer uden POS Pro, kan du bruge den visuelle editor til at tilpasse sidehoved og sidefod for disse lokationer.
- Du kan tilpasse printede kvitteringer, der har en skabelon i kodeeditoren, f.eks. salgskvitteringer, gavekvitteringer, gavekortkvitteringer og kvitteringer for returneringer og ombytninger.
Kodesprog
- Filerne, som dine kvitteringer består af, indeholder Liquid, der er Shopifys skabelonsprog. Få mere at vide om at bruge Liquid.
- Hvis du vil redigere skabelonerne i kodeeditoren til kvitteringer, skal du have kendskab til HTML, CSS og Liquid. Shopify Tema-support kan hjælpe med mindre justeringer inden for rammerne af Shopifys designpolitik.
Begrænsninger for tilpasning
- Du kan ikke forhåndsvise kvitteringer i forskellige printerstørrelser fra kodeeditoren. Brug det visuelle redigeringsværktøj til at forhåndsvise efter printerstørrelse.
- Produktbeskrivelser er ikke tilgængelige som variabel i kvitteringsskabeloner og kan ikke føjes til udskrevne kvitteringer.
Vedligeholdelse af skabelon
- Hvis du tilpasser en kvittering i editoren til kvitteringskode, mangler den eksisterende skabelon muligvis nye egenskaber som f.eks.
selling_plan_name. Hvis du vil føje de nyeste tilgængelige egenskaber til skabelonen, skal du nulstille kvitteringsskabelonen til standard. Hvis du nulstiller kvitteringsskabeloner til standarden, fjernes alle tilpasninger, du har foretaget af dem. Gem en kopi af den tilpassede kode, før du nulstiller. Efter nulstilling af skabelonen skal du genanvende dine tilpasninger manuelt.
Få adgang til kodeeditoren
Du kan redigere dine skabeloner ved hjælp af kodeeditoren. Du skal først skifte til at bruge kodeeditoren fra den visuelle standardeditor, og du kan til enhver tid skifte tilbage til den visuelle editor.
Trinene til at skifte mellem editorerne varierer lidt, afhængigt af om alle dine POS-lokationer er kvalificerede til kodeeditoren, eller om kun nogle af dine POS-lokationer er kvalificerede. Dette kan f.eks. være tilfældet, hvis nogle af dine POS-lokationer ikke bruger POS Pro eller er beliggende i Italien eller Frankrig.
Fremgangsmåde:
Alle POS Pro-lokationer
Gå til Point of Sale > Indstillinger i din Shopify-administrator.
I afsnittet Tilpasning skal du klikke på Udskrevne kvitteringer for at åbne POS-editoren.
Klik på ikonet
i sidebjælken til venstre.
Klik på Rediger kode.
Rediger den kode, du vil ændre, i dialogboksen Rediger kode for printede kvitteringer.
Klik på Gem.
Valgfrit: Gå tilbage i dit browservindue for at fortsætte med at redigere flere Shopify POS-sider ved hjælp af POS-editoren.
Med Lite- eller Italien-lokationer
Gå til Point of Sale > Indstillinger i din Shopify-administrator.
I afsnittet Tilpasning skal du klikke på Udskrevne kvitteringer for at åbne POS-editoren.
Klik på Kodeeditor på siden Tilpasning af kvittering.
Brug tilpassede filer i din kvitteringsskabelon
Du kan bruge filer, f.eks. billedfiler, som du uploader til din Shopify-administrator, til at tilpasse dine printede kvitteringer.
En fil skal uploades til din Shopify-administrator, før den kan bruges i en udskrevet kvittering. Få mere at vide om filuploads.
Fremgangsmåde:
Gå til Indhold > Filer i din Shopify-administrator.
Klik på
ud for den fil, du vil inkludere i koden til din printede kvittering, for at kopiere linket.
Inkluder linket til filen i din skabelon.
Nulstil din kvitteringsskabelon til standard
Du kan nulstille en kvitteringsskabelon til standardversionen ved hjælp af kodeeditoren.
Fremgangsmåde:
Alle POS Pro-lokationer
Gå til Point of Sale > Indstillinger i din Shopify-administrator.
I afsnittet Tilpasning skal du klikke på Udskrevne kvitteringer for at åbne POS-editoren.
Klik på Tilpas dine kvitteringer.
Klik på Rediger kode.
Klik på den kodefil, du vil nulstille.
Klik på ikonet
.
Klik på Nulstil i dialogboksen Nulstil filen til standard.
Med Lite- eller Italien-lokationer
Gå til Point of Sale > Indstillinger i din Shopify-administrator.
I afsnittet Tilpasning skal du klikke på Udskrevne kvitteringer for at åbne POS-editoren.
Klik på Kodeeditor på siden Tilpasning af kvittering.
Klik på den kodefil, du vil nulstille.
Klik på ikonet
.
Klik på Nulstil i dialogboksen Nulstil filen til standard.
Liquid-variabler, der er tilgængelige i kodeeditoren til kvitteringer
Du kan bruge Liquid til at tilpasse din skabelon til udskrevne kvitteringer og dine kvitteringstyper.
Følgende dataobjekter er tilgængelige for kodeeditoren til kvitteringer:
Kvitteringsobjekter
| Objekt | Beskrivelse |
|---|---|
shop | Indeholder butiksoplysninger, f.eks. butiksnavn. |
location | Indeholder oplysninger om detaillokationen, f.eks. adresse og telefonnummer. |
order | Indeholder ordredata, herunder varelinjer, rabatter, skatter og transaktionsoplysninger. |
return |
Kun tilgængelig i skabelonen return-and-exchange-receipt.liquid og dens tilknyttede delskabeloner.
Indeholder data for returnering og ombytning, herunder de returnerede varelinjer, de nye varelinjer, nettobeløbet og transaktionsoplysninger.
|
gift_card |
Kun tilgængelig i skabelonen gift-card.liquid.
Indeholder gavekortdata, herunder saldo, den alfanumeriske kode og indholdet af en QR-kode, der kan scannes af POS-appen.
|
Ordreobjekt
| Egenskab | Beskrivelse |
|---|---|
id | Id'et for ordren. |
created_at | Dato og klokkeslæt i ISO 8601-format for, hvornår ordren blev oprettet. |
source_identifier | En unik ordreidentifikator for POS eller tredjepart. |
change_due | Byttepenge for ordren. |
balance_due | Skyldigt beløb for denne ordre. |
name | Den unikke identifikator for ordren, der vises på ordresiden i din Shopify-administrator og på ordrestatussiden. F.eks. “#1001”, “EN1001” eller “1001-A”. Denne værdi er ikke unik på tværs af flere butikker. |
note | Indholdet af den note, der er knyttet til ordren. |
line_items | En liste over ordrens varelinjer. |
subtotal_price |
Summen af priserne for alle varelinjer efter rabatter og før returneringer. Hvis taxesIncluded er sand, inkluderer subtotalen også afgift.
|
total_price | Ordrens samlede pris før returneringer. Dette inkluderer afgifter og rabatter. |
total_tip_received | Summen af alle drikkepengebeløb for ordren. |
discounts | Det samlede rabatbeløb. |
transactions | En liste over transaktioner, der er knyttet til ordren. |
taxes_included | Om afgifter er inkluderet i ordrens subtotal. |
tax_lines | En liste over alle afgiftslinjer, der er anvendt på varelinjer i ordren, før returneringer. Priser på afgiftslinjer repræsenterer den samlede pris for alle afgiftslinjer med samme sats og titel. |
customer | Kunden, der har afgivet ordren. |
shipping_address | Leveringsadressen på ordren. |
shipping_groups | Listen over ordrens forsendelsesgrupper. Hver gruppe indeholder varelinjer, der klargøres sammen. |
Returneringsobjekt
| Egenskab | Beskrivelse |
|---|---|
name | Den unikke identifikator for returneringen, der vises på ordresiden i din Shopify-administrator og på ordrestatussiden. F.eks. “#1000-R1”. Denne værdi er ikke unik på tværs af flere butikker. |
created_at | Dato og klokkeslæt i ISO 8601-format for, hvornår returneringen blev oprettet. |
is_unverified | En boolesk værdi, der angiver, om returneringen blev oprettet som en ubekræftet returnering. |
is_exchange | En boolesk værdi, der angiver, om returneringen omfatter en ombytning. Dette inkluderer refusioner, der er udstedt til et gavekort. |
exchange_type |
Typen af ombytning, hvis returneringen omfatter en ombytning. Mulige værdier er LIKE_FOR_LIKE, NET_REFUNDABLE og NET_PAYABLE.
|
return_discount | Det samlede beløb for ordrerabatter, der er blevet refunderet. |
return_subtotal |
Summen af priserne for alle varelinjer for returnering før rabatter. Hvis taxesIncluded er sand, inkluderer subtotalen også afgift.
|
return_total | Det samlede mulige refusionsbeløb. Dette omfatter skatter, rabatter, forsendelse og drikkepenge. Det er muligvis ikke det faktiske refunderede beløb. |
exchange_subtotal |
Summen af priserne for alle nye varelinjer i ombytningen før rabatter. Hvis taxesIncluded er sand, inkluderer subtotalen også afgift.
|
exchange_total | Det samlede beløb for alle nye varelinjer i ombytningen. Dette inkluderer afgifter og rabatter. |
total_cash_rounding_adjustment | Justeringen for kontantafrunding, der er anvendt på returneringen eller ombytningen. |
total_adjusted_amount | Det samlede beløb for returneringen eller ombytningen justeret med justeringen for kontantafrunding. |
net_total | Det faktiske samlede beløb, der er betalt eller refunderet for returneringen eller ombytningen og før kontantafrunding. |
return_line_items | De returnerede varelinjer. |
exchange_line_items | De nye varelinjer i ombytningen. |
return_tax_lines | Afgiftslinjerne for de returnerede varelinjer. |
exchange_tax_lines | Afgiftslinjerne for de nye varelinjer i ombytningen. |
shipping_refund_amount | Forsendelsesbeløbet, der er blevet refunderet. |
tip_refund_amount | Drikkepengebeløbet, der er blevet refunderet. |
transactions | Transaktionerne, der er knyttet til returneringen eller ombytningen. |
Forsendelsesgruppeobjekt
| Egenskab | Beskrivelse |
|---|---|
destination | Destination for de produkter, der sendes. |
products | En liste over produkter, der sendes. |
Varelinjeobjekt
| Egenskab | Beskrivelse |
|---|---|
id | Varelinjens id. |
name | Produktets titel, eventuelt efterfulgt af variantens titel (hvis relevant). |
variant_title | Variantens titel på tidspunktet for oprettelse af ordren. |
price | Varelinjens stykpris, da ordren blev oprettet. Denne værdi inkluderer ikke rabatter. |
is_gift_card | Om varelinjen repræsenterer købet af et gavekort. |
discount | Den samlede rabat, der er tildelt varelinjen af rabatapplikationer, herunder rabatter, der er tildelt refunderede og fjernede antal. |
total_price | Det samlede beløb for denne varelinje. |
selling_plan_name | Navnet på den abonnementsordning, der er tildelt varelinjen. |
tax_rates | Afgiftslinjerne for denne varelinje. |
custom_attributes | En liste over attributter, der repræsenterer tilpassede funktioner eller særlige anmodninger. |
variant_title | Varianttitlen. |
variant_id | Variantens id. |
variant_metafields | En liste over tilpassede felter, som en shopejer har knyttet til varianten. |
staff_member_description | Medarbejder, der er tilskrevet varelinjen. |
product_metafields | En liste over tilpassede felter, som en shopejer har knyttet til produktet. |
Objekt for varelinje for returnering
Indeholder alt i varelinjeobjektet samt følgende egenskaber:
| Egenskab | Beskrivelse |
|---|---|
return_reason | Returneringsårsagen for varelinjen. |
return_reason_note | En valgfri note som supplement til returneringsårsagen. |
Liquid-filtre, der er tilgængelige i kodeeditoren til kvitteringer
Du kan bruge Liquid-filtre til at justere oplysninger i dine kvitteringsskabeloner. Du kan f.eks. ændre formateringen af valuta eller brugen af store og små bogstaver i specifik tekst, f.eks. en afgiftskode.
Du anvender et filter ved at tilføje et pipe-tegn | og derefter filteret i den blok af Liquid-kode, der er mellem dobbelte krøllede parenteser {{ }}. Filtre kan kun anvendes på blokke af Liquid-kode.
I det følgende eksempel justerer filteret afgiftskoden fra små til store bogstaver.
{{ tax_line.title | upcase }}I kodeblokken i eksemplet er product objektet, title er dets egenskab, og upcase er det anvendte filter. Filteret upcase ændrer værdien for tax_line.title til store bogstaver. Hvis f.eks. tax_line.title har værdien Hst, så ændrer filteret upcase værdien til HST.
Se afsnittet Filtre i Shopify Themes Liquid-referencen for at få oplysninger om, hvordan du bruger Liquid-filtre.
Følgende filtre er tilgængelige i kodeeditoren til kvitteringer:
| Egenskab | Beskrivelse | |
|---|---|---|
t | Oversætter foruddefinerede labels til det sprog, der er tildelt din lokation. | |
money | Formaterer prisen i din lokations valuta. | |
escape |
Escaper specialtegn i HTML, som f.eks. <>, ' og &, og konverterer tegnene til escape-sekvenser.
| |
barcode | Genererer en 1D-stregkode-SVG. | |
qrcode | Genererer en 2D-stregkode-SVG. |
Eksempel på tilpasning af kode i skabelonen til udskrevne kvitteringer
Du kan bruge Liquid til at tilføje betingede meddelelser. Denne funktion svarer til at gemme på en enkelt lokation med den visuelle editor. Din virksomhed startede f.eks. med en enkelt lokation, og nu har du flere nye lokationer. Du vil gerne fremhæve din oprindelige butik på dine udskrevne kvitteringer.
Du kan tilføje en tilpasset meddelelse til skabelonen header.liquid i mappen Afsnit i kodeeditoren og bruge Liquid til kun at vise meddelelsen for din primære lokation.
Følgende kode tjekker navnet på lokationen, i dette tilfælde din oprindelige lokation med navnet “Home”, og viser meddelelsen “Velkommen til vores oprindelige butik, åbnet i 1972.”, hvis lokationen matcher navnet. Kvitteringer, der udskrives fra dine andre lokationer, viser i stedet meddelelsen “Velkommen til vores butik.”.
{% if location.name == 'Home' %}
Welcome to our original store, opened in 1972.
{% else %}
Welcome to our store.
{% end %}Se forhåndsvisning af dine kodeændringer i kodeeditoren
Du kan se en forhåndsvisning af ændringerne af dine udskrevne kvitteringer i POS-kodeeditoren i Shopify-administratoren.
Afhængigt af hvilken Liquid-fil der er valgt, fremhæver forhåndsvisningsvinduet designet eller afsnittet på den kvittering, der er påvirket af filen. Som standard viser forhåndsvisningsvinduet indholdet for din seneste POS-ordre. Du kan vælge en bestemt ordre, som skal bruges som kvitteringsindhold i forhåndsvisningsvinduet for alle Liquid-filer undtagen filen gift-card.liquid, som kun viser de forskellige lokationer som valgbare forhåndsvisningsmuligheder.
Fremgangsmåde:
Alle POS Pro-lokationer
Gå til Point of Sale > Indstillinger i din Shopify-administrator.
I afsnittet Tilpasning skal du klikke på Udskrevne kvitteringer for at åbne POS-editoren.
Klik på Tilpas dine kvitteringer.
Klik på Rediger kode.
Klik på den kodefil, du vil se en forhåndsvisning af. Din kvittering vises i editorvinduet længst til højre.
Valgfrit: Gør følgende for at vælge en bestemt ordre, der skal bruges som kvitteringsindhold i forhåndsvisningsvinduet:
- Klik på ikonet
.
- Salg fra Point of Sale-kanalen fra alle lokationer vises i dialogboksen Vælg ordre til forhåndsvisning. Vælg en ordre på listen, eller søg efter bestemte ordrer og lokationer ved hjælp af søgefeltet.
- Klik på Bekræft.
- Klik på ikonet
Valgfrit: Hvis du ser en forhåndsvisning af filen
gift-card.liquid, skal du klikke på ikonetog vælge den lokation, du vil se en forhåndsvisning af skabelonen for.
Med Lite- eller Italien-lokationer
Gå til Point of Sale > Indstillinger i din Shopify-administrator.
I afsnittet Tilpasning skal du klikke på Udskrevne kvitteringer for at åbne POS-editoren.
Klik på Kodeeditor på siden Tilpasning af kvittering.
Klik på den kodefil, du vil se en forhåndsvisning af. Din kvittering vises i editorvinduet længst til højre.
Valgfrit: Gør følgende for at vælge en bestemt ordre, der skal bruges som kvitteringsindhold i forhåndsvisningsvinduet:
- Klik på ikonet
.
- Salg fra Point of Sale-kanalen fra alle lokationer vises i dialogboksen Vælg ordre til forhåndsvisning. Vælg en ordre på listen, eller søg efter bestemte ordrer og lokationer ved hjælp af søgefeltet.
- Klik på Bekræft.
- Klik på ikonet
Valgfrit: Hvis du ser en forhåndsvisning af filen
gift-card.liquid, skal du klikke på ikonetog vælge den lokation, du vil se en forhåndsvisning af skabelonen for.