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.

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
  1. Gå til Point of Sale > Indstillinger i din Shopify-administrator.

  2. I afsnittet Tilpasning skal du klikke på Udskrevne kvitteringer for at åbne POS-editoren.

  3. Klik på ikonet Afsnit i sidebjælken til venstre.

  4. Klik på Rediger kode.

  5. Rediger den kode, du vil ændre, i dialogboksen Rediger kode for printede kvitteringer.

  6. Klik på Gem.

  7. 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
  1. Gå til Point of Sale > Indstillinger i din Shopify-administrator.

  2. I afsnittet Tilpasning skal du klikke på Udskrevne kvitteringer for at åbne POS-editoren.

  3. 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:

  1. Gå til Indhold > Filer i din Shopify-administrator.

  2. Klik på Kopiér link ud for den fil, du vil inkludere i koden til din printede kvittering, for at kopiere linket.

  3. Gå til kodeeditoren.

  4. 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
  1. Gå til Point of Sale > Indstillinger i din Shopify-administrator.

  2. I afsnittet Tilpasning skal du klikke på Udskrevne kvitteringer for at åbne POS-editoren.

  3. Klik på Tilpas dine kvitteringer.

  4. Klik på Rediger kode.

  5. Klik på den kodefil, du vil nulstille.

  6. Klik på ikonet Nulstil til standard.

  7. Klik på Nulstil i dialogboksen Nulstil filen til standard.

Med Lite- eller Italien-lokationer
  1. Gå til Point of Sale > Indstillinger i din Shopify-administrator.

  2. I afsnittet Tilpasning skal du klikke på Udskrevne kvitteringer for at åbne POS-editoren.

  3. Klik på Kodeeditor på siden Tilpasning af kvittering.

  4. Klik på den kodefil, du vil nulstille.

  5. Klik på ikonet Nulstil til standard.

  6. 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

Beskrivelse af kvitteringsdataobjekter
ObjektBeskrivelse
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

Beskrivelse af ordreobjektet
EgenskabBeskrivelse
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

Beskrivelse af returneringsobjektet
EgenskabBeskrivelse
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

Beskrivelse af forsendelsesgruppeobjektet
EgenskabBeskrivelse
destination
Destination for de produkter, der sendes.
products
En liste over produkter, der sendes.

Varelinjeobjekt

Beskrivelse af varelinjeobjektet
EgenskabBeskrivelse
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:

Beskrivelse af varelinjeobjektet
EgenskabBeskrivelse
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:

Beskrivelse af filtre til kvitteringer
EgenskabBeskrivelse
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
  1. Gå til Point of Sale > Indstillinger i din Shopify-administrator.

  2. I afsnittet Tilpasning skal du klikke på Udskrevne kvitteringer for at åbne POS-editoren.

  3. Klik på Tilpas dine kvitteringer.

  4. Klik på Rediger kode.

  5. Klik på den kodefil, du vil se en forhåndsvisning af. Din kvittering vises i editorvinduet længst til højre.

  6. Valgfrit: Gør følgende for at vælge en bestemt ordre, der skal bruges som kvitteringsindhold i forhåndsvisningsvinduet:

    1. Klik på ikonet View.
    2. 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.
    3. Klik på Bekræft.
  7. Valgfrit: Hvis du ser en forhåndsvisning af filen gift-card.liquid, skal du klikke på ikonet View og vælge den lokation, du vil se en forhåndsvisning af skabelonen for.

Med Lite- eller Italien-lokationer
  1. Gå til Point of Sale > Indstillinger i din Shopify-administrator.

  2. I afsnittet Tilpasning skal du klikke på Udskrevne kvitteringer for at åbne POS-editoren.

  3. Klik på Kodeeditor på siden Tilpasning af kvittering.

  4. Klik på den kodefil, du vil se en forhåndsvisning af. Din kvittering vises i editorvinduet længst til højre.

  5. Valgfrit: Gør følgende for at vælge en bestemt ordre, der skal bruges som kvitteringsindhold i forhåndsvisningsvinduet:

    1. Klik på ikonet View.
    2. 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.
    3. Klik på Bekræft.
  6. Valgfrit: Hvis du ser en forhåndsvisning af filen gift-card.liquid, skal du klikke på ikonet View og vælge den lokation, du vil se en forhåndsvisning af skabelonen for.