Kodredigerare för utskrivna kvitton för Shopify kassasystem

Du kan anpassa dina utskrivna kvitton med hjälp av kodredigeraren i din Shopify-admin. Filerna som dina kvitton består av innehåller Liquid, Shopifys mallspråk. Med kodredigeraren kan du skapa mer avancerade anpassningar med HTML, CSS och Liquid än med den visuella redigeraren.

Du kan ändra kvittomallen och avsnittsmallarna som används på dina utskrivna kvitton. Mallfilerna för Kvitton är de typer av kvitton som du kan skriva ut i din butik. Avsnitt är delar av kvittona, till exempel sidhuvudet eller sidfoten. Avsnitt kan återanvändas av flera kvitton.

Att tänka på när du använder kodredigeraren för kvitton

Innan du använder kodredigeraren för kvitton bör du granska följande punkter:

Åtkomstbegränsningar

  • Du kan endast använda kodredigeraren från din Shopify admin på en dator.
  • Kodredigeraren är inte tillgänglig för några kassasystemsplatser i Italien.

Var ändringar tillämpas

  • Kodändringar som du gör gäller endast för den valda platsen.
  • Anpassningar i kodredigeraren gäller endast för POS Pro-platser. Om du använder kodredigeraren och har platser utan POS Pro kan du använda den visuella redigeraren för att anpassa sidhuvudet och sidfoten för dessa platser.
  • Du kan anpassa utskrivna kvitton som har en mall i kodredigeraren, till exempel försäljningskvitton, gåvokvitton, presentkortskvitton samt kvitton för returer och byten.

Kodspråk

  • Filerna som dina kvitton består av innehåller Liquid, Shopifys mallspråk. Mer information om att använda Liquid.
  • För att redigera mallarna i kvittokodredigeraren måste du vara bekant med HTML, CSS och Liquid. Shopifys temasupport kan hjälpa till med mindre justeringar inom ramen för Shopifys designpolicy.

Begränsningar för anpassning

  • Du kan inte förhandsgranska kvitton i olika skrivarstorlekar från kodredigeraren. Använd den visuella redigeraren om du vill förhandsgranska efter skrivarstorlek.
  • Produktbeskrivningar är inte tillgängliga som en variabel i kvittomallar och kan inte läggas till på utskrivna kvitton.

Mallunderhåll

  • Om du anpassar ett kvitto med kodredigeraren för kvitton kan din befintliga mall sakna nya egenskaper, till exempel selling_plan_name. För att lägga till de senast tillgängliga egenskaperna i din mall måste du återställa din kvittomall till standard. Om du återställer kvittomallar till standard tas alla anpassningar du har gjort bort. Anteckna din anpassade kod innan du återställer. När du har återställt mallen måste du tillämpa dina anpassningar manuellt igen.

Komma åt kodredigeraren

Du kan redigera dina mallar med kodredigeraren. Du måste först byta till att använda kodredigeraren från den visuella standardredigeraren, och du kan när som helst byta tillbaka till den visuella redigeraren.

Stegen för att byta mellan redigerarna skiljer sig något åt beroende på om alla dina kassasystemsplatser är kvalificerade för kodsredigeraren, eller om endast vissa av dina kassasystemsplatser är kvalificerade, till exempel om några av dina kassasystemsplatser inte använder POS Pro eller är baserade i Italien eller Frankrike.

Steg:

Alla POS Pro-platser
  1. Gå till Kassasystem > Inställningar i din Shopify-admin.

  2. Klicka på Utskrivna kvitton i avsnittet Anpassning för att öppna POS-redigeraren.

  3. Klicka på ikonen Avsnitt i det vänstra sidofältet.

  4. Klicka på Redigera kod.

  5. Redigera den kod du vill ändra i dialogrutan Redigera kod för utskrivna kvitton.

  6. Klicka på Spara.

  7. Valfritt: Om du vill fortsätta redigera fler sidor för Shopify kassasystem med hjälp av redigeraren för kassasystem går du tillbaka i webbläsarfönstret.

Med Lite-platser eller platser i Italien
  1. Gå till Kassasystem > Inställningar i din Shopify-admin.

  2. Klicka på Utskrivna kvitton i avsnittet Anpassning för att öppna POS-redigeraren.

  3. På sidan Kvittoanpassning klickar du på Kodredigerare.

Använda anpassade filer i kvittomallen

Du kan använda filer, till exempel bildresurser, som du laddar upp till din Shopify admin för att anpassa dina utskrivna kvitton.

En fil måste laddas upp till din Shopify-admin innan den kan användas i ett utskrivet kvitto. Mer information om filuppladdningar.

Steg:

  1. Gå till Innehåll > Filer i din Shopify-admin.

  2. Bredvid filen som du vill inkludera i koden för ditt utskrivna kvitto klickar du på Kopiera länk för att kopiera länken.

  3. Gå till kodredigeraren.

  4. Inkludera resurslänken i din mall.

Återställa kvittomallen till standard

Du kan återställa en kvittomall till standardversionen med hjälp av kodredigeraren.

Steg:

Alla POS Pro-platser
  1. Gå till Kassasystem > Inställningar i din Shopify-admin.

  2. Klicka på Utskrivna kvitton i avsnittet Anpassning för att öppna POS-redigeraren.

  3. Klicka på Anpassa kvitton.

  4. Klicka på Redigera kod.

  5. Klicka på den kodfil som du vill återställa.

  6. Klicka på ikonen Återställ till standard.

  7. Klicka på Återställ i dialogrutan Återställ filen till standard.

Med Lite-platser eller platser i Italien
  1. Gå till Kassasystem > Inställningar i din Shopify-admin.

  2. Klicka på Utskrivna kvitton i avsnittet Anpassning för att öppna POS-redigeraren.

  3. På sidan Kvittoanpassning klickar du på Kodredigerare.

  4. Klicka på den kodfil som du vill återställa.

  5. Klicka på ikonen Återställ till standard.

  6. Klicka på Återställ i dialogrutan Återställ filen till standard.

Liquid-variabler tillgängliga i kodredigeraren för kvitton

Du kan använda Liquid för att anpassa din mall för utskrivna kvitton och kvittotyper.

Följande dataobjekt är tillgängliga för kodredigeraren för kvitton:

Kvittoobjekt

Beskrivning av dataobjekt för kvitton
ObjektBeskrivning
shop
Innehåller butiksinformation, till exempel butiksnamnet.
location
Innehåller information om detaljhandelsplatsen, till exempel adress och telefonnummer.
order
Innehåller orderdata, inklusive poster, rabatter, skatter och transaktionsinformation.
return
Endast tillgänglig i mallen return-and-exchange-receipt.liquid och dess tillhörande delmallar. Innehåller data för returer och byten, inklusive de returnerade posterna, de nya posterna, nettosumman och transaktionsinformationen.
gift_card
Endast tillgänglig i mallen gift-card.liquid. Innehåller presentkortsdata, inklusive saldot, den alfanumeriska koden och innehållet i en QR-kod som kan skannas av kassasystemsappen.

Orderobjekt

Beskrivning av orderobjektet
EgenskapBeskrivning
id
Orderns ID.
created_at
Datum och tid i ISO 8601-format för när ordern skapades.
source_identifier
En unik orderidentifierare från kassasystemet eller tredjepart.
change_due
Växel för ordern.
balance_due
Utestående belopp för den här ordern.
name
Den unika identifieraren för ordern som visas på ordersidan i Shopify-admin och på orderstatussidan. Till exempel ”#1001”, ”EN1001” eller ”1001-A”. Detta värde är inte unikt för flera butiker.
note
Innehållet i den anteckning som är kopplad till ordern.
line_items
En lista över orderns poster.
subtotal_price
Summan av priserna för alla poster efter rabatter och före returer. Om taxesIncluded är ”true” inkluderar delsumman även skatt.
total_price
Totalpriset för ordern, före returer. Detta inkluderar skatter och rabatter.
total_tip_received
Summan av alla dricksbelopp för ordern.
discounts
Det totala rabattbeloppet.
transactions
En lista över transaktioner som är kopplade till ordern.
taxes_included
Anger om skatter ingår i delsumman för ordern.
tax_lines
En lista över alla skatterader som tillämpats på poster i ordern, före returer. Skatteradspriser representerar det totala priset för alla skatterader med samma skattesats och rubrik.
customer
Kunden som lade ordern.
shipping_address
Leveransadressen för ordern.
shipping_groups
Listan över orderns fraktgrupper. Varje grupp innehåller poster som distribueras tillsammans.

Returobjekt

Beskrivning av returobjektet
EgenskapBeskrivning
name
Den unika identifieraren för returen som visas på ordersidan i Shopify-admin och på orderstatussidan. Till exempel ”#1000-R1”. Detta värde är inte unikt för flera butiker.
created_at
Datum och tid i ISO 8601-format då returen skapades.
is_unverified
Ett booleskt värde som anger om returen skapades som en overifierad retur.
is_exchange
Ett booleskt värde som anger om returen innehåller ett byte. Detta inkluderar återbetalningar som görs till ett presentkort.
exchange_type
Typen av byte, om returen innehåller ett byte. Möjliga värden är LIKE_FOR_LIKE, NET_REFUNDABLE och NET_PAYABLE.
return_discount
Det totala beloppet för orderrabatter som har återbetalats.
return_subtotal
Summan av priserna för alla returposter före rabatter. Om taxesIncluded är ”true” inkluderar delsumman även skatt.
return_total
Det totala möjliga återbetalningsbeloppet. Detta inkluderar skatter, rabatter, frakt och dricks. Det kanske inte är det faktiska återbetalade beloppet.
exchange_subtotal
Summan av priserna för alla nya poster i bytet före rabatter. Om taxesIncluded är ”true” inkluderar delsumman även skatt.
exchange_total
Det totala beloppet för alla nya poster i bytet. Detta inkluderar skatter och rabatter.
total_cash_rounding_adjustment
Öresavrundningsjusteringen som tillämpas på returen eller bytet.
total_adjusted_amount
Totalbeloppet för returen eller bytet justerat med öresavrundningsjusteringen.
net_total
Det faktiska totalbeloppet som betalats eller återbetalats för returen eller bytet och före öresavrundning.
return_line_items
De returnerade posterna.
exchange_line_items
De nya posterna i bytet.
return_tax_lines
Skatteraderna för de returnerade posterna.
exchange_tax_lines
Skatteraderna för de nya posterna i bytet.
shipping_refund_amount
Fraktbeloppet som har återbetalats.
tip_refund_amount
Dricksbeloppet som har återbetalats.
transactions
Transaktionerna som är kopplade till returen eller bytet.

Fraktgruppsobjekt

Beskrivning av fraktgruppsobjektet
EgenskapBeskrivning
destination
Destination för de produkter som fraktas.
products
En lista över produkter som fraktas.

Postobjekt

Beskrivning av postobjektet
EgenskapBeskrivning
id
Postens ID.
name
Produktens rubrik, eventuellt med tillägg av variantens rubrik (om tillämpligt).
variant_title
Variantens rubrik vid tidpunkten för skapandet av ordern.
price
Enhetspriset för posten när ordern skapades. Detta värde inkluderar inte rabatter.
is_gift_card
Anger om posten representerar inköpet av ett presentkort.
discount
Den totala rabatten som har allokerats till posten av rabattillämpningar, inklusive rabatter som allokerats till återbetalade och borttagna kvantiteter.
total_price
Totalsumman för den här posten.
selling_plan_name
Namnet på prenumerationsplanen som tilldelats posten.
tax_rates
Skatteraderna för denna post.
custom_attributes
En lista över attribut som representerar anpassade funktioner eller särskilda förfrågningar.
variant_title
Variantnamnet.
variant_id
Variantens ID.
variant_metafields
En lista med anpassade fält som en handlare har kopplat till varianten.
staff_member_description
Personalmedlemmen som är kopplad till posten.
product_metafields
En lista med anpassade fält som en handlare har kopplat till produkten.

Returpostobjekt

Innehåller allt i postobjektet plus följande egenskaper:

Beskrivning av postobjektet
EgenskapBeskrivning
return_reason
Returanledningen för posten.
return_reason_note
En valfri anteckning som hör till returorsaken.

Liquid-filter tillgängliga i kvittokodsredigeraren

Du kan använda Liquid-filter för att justera information i dina kvittomallar. Du kan till exempel ändra valutaformatering eller skiftläget för en specifik text, såsom en momskod.

För att tillämpa ett filter lägger du till ett vertikalstreck | och sedan filtret i Liquid-kodblocket mellan dubbla klammerparenteser {{ }}. Filter kan endast tillämpas på Liquid-kodblock.

I följande exempel justerar filtret momskoden från gemener till versaler.

{{ tax_line.title | upcase }}

I exempelkodblocket är product objektet, title dess egenskap och upcase det tillämpade filtret. Filtret upcase ändrar värdet för tax_line.title till versaler. Om till exempel tax_line.title har värdet Hst ändrar filtret upcase värdet till HST.

Se avsnittet Filter i Liquid-referensen för Shopify-teman för information om hur du använder Liquid-filter.

Följande filter är tillgängliga i kodredigeraren för kvitton:

Beskrivning av kvittensfilter
EgenskapBeskrivning
t
Översätter fördefinierade etiketter till det språk som har tilldelats din plats.
money
Formaterar priset i valutan för din plats.
escape
Escapar specialtecken i HTML, såsom <>, ' och &, och konverterar tecknen till escape-sekvenser.
barcode
Genererar en 1D-streckkods-SVG.
qrcode
Genererar en 2D-streckkods-SVG.

Exempel på kodanpassning av mall för utskrivna kvitton

Du kan använda Liquid för att lägga till villkorliga meddelanden. Denna funktionalitet liknar att spara till en enskild plats med den visuella redigeraren. Om din verksamhet till exempel startade med en enda plats och du nu har flera nya platser vill du kanske markera din ursprungliga butik på dina utskrivna kvitton.

Du kan lägga till ett anpassat meddelande i mallen header.liquid i mappen Avsnitt i kodredigeraren och använda Liquid för att visa meddelandet endast för din flaggskeppsplats.

Följande kod kontrollerar namnet på platsen, i det här fallet din ursprungliga plats som heter ”Home”, och visar meddelandet ”Välkommen till vår ursprungliga butik, öppnad 1972.” om platsen matchar namnet. Kvitton som skrivs ut från dina andra platser visar meddelandet ”Välkommen till vår butik.” istället.

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

Förhandsgranska kodändringar i kodredigeraren

Du kan förhandsgranska ändringarna av dina utskrivna kvitton i kodredigeraren för kassasystem i Shopify-admin.

Beroende på vilken Liquid-fil som är vald markerar förhandsgranskningsfönstret den design eller det avsnitt av kvittot som påverkas av filen. Som standard visar förhandsgranskningsfönstret innehållet för din senaste POS-order. Du kan välja en specifik order att använda som kvittoinnehåll i förhandsgranskningsfönstret för alla Liquid-filer utom filen gift-card.liquid, som endast visar de olika platserna som valbara förhandsgranskningsalternativ.

Steg:

Alla POS Pro-platser
  1. Gå till Kassasystem > Inställningar i din Shopify-admin.

  2. Klicka på Utskrivna kvitton i avsnittet Anpassning för att öppna POS-redigeraren.

  3. Klicka på Anpassa kvitton.

  4. Klicka på Redigera kod.

  5. Klicka på den kodfil som du vill förhandsgranska. Kvittot visas i redigeringsfönstret längst till höger.

  6. Valfritt: Gör så här för att välja en specifik order att använda som kvittoinnehåll i förhandsgranskningsfönstret:

    1. Klicka på ikonen View.
    2. Försäljning från kanalen Point of Sale från alla platser visas i dialogrutan Välj order att förhandsgranska. Välj en order från listan eller sök efter specifika ordrar och platser med hjälp av sökfältet.
    3. Klicka på Bekräfta.
  7. Valfritt: Om du förhandsgranskar filen gift-card.liquid, klicka på ikonen View och välj den plats som du vill förhandsgranska mallen för.

Med Lite-platser eller platser i Italien
  1. Gå till Kassasystem > Inställningar i din Shopify-admin.

  2. Klicka på Utskrivna kvitton i avsnittet Anpassning för att öppna POS-redigeraren.

  3. På sidan Kvittoanpassning klickar du på Kodredigerare.

  4. Klicka på den kodfil som du vill förhandsgranska. Kvittot visas i redigeringsfönstret längst till höger.

  5. Valfritt: Gör så här för att välja en specifik order att använda som kvittoinnehåll i förhandsgranskningsfönstret:

    1. Klicka på ikonen View.
    2. Försäljning från kanalen Point of Sale från alla platser visas i dialogrutan Välj order att förhandsgranska. Välj en order från listan eller sök efter specifika ordrar och platser med hjälp av sökfältet.
    3. Klicka på Bekräfta.
  6. Valfritt: Om du förhandsgranskar filen gift-card.liquid, klicka på ikonen View och välj den plats som du vill förhandsgranska mallen för.