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.
På den här sidan
- Att tänka på när du använder kvittokodredigeraren
- Öppna kodredigeraren
- Använda anpassade filer i din kvittomall
- Återställ din kvittomall till standard
- Liquid-variabler i kvittokodredigeraren
- Liquid-filter i kvittokodredigeraren
- Exempel på en kodanpassning av en mall för utskrivna kvitton
- Förhandsgranska dina kodändringar i kodredigeraren
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
Gå till Kassasystem > Inställningar i din Shopify-admin.
Klicka på Utskrivna kvitton i avsnittet Anpassning för att öppna POS-redigeraren.
Klicka på ikonen
i det vänstra sidofältet.
Klicka på Redigera kod.
Redigera den kod du vill ändra i dialogrutan Redigera kod för utskrivna kvitton.
Klicka på Spara.
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
Gå till Kassasystem > Inställningar i din Shopify-admin.
Klicka på Utskrivna kvitton i avsnittet Anpassning för att öppna POS-redigeraren.
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:
Gå till Innehåll > Filer i din Shopify-admin.
Bredvid filen som du vill inkludera i koden för ditt utskrivna kvitto klickar du på
för att kopiera länken.
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
Gå till Kassasystem > Inställningar i din Shopify-admin.
Klicka på Utskrivna kvitton i avsnittet Anpassning för att öppna POS-redigeraren.
Klicka på Anpassa kvitton.
Klicka på Redigera kod.
Klicka på den kodfil som du vill återställa.
Klicka på ikonen
.
Klicka på Återställ i dialogrutan Återställ filen till standard.
Med Lite-platser eller platser i Italien
Gå till Kassasystem > Inställningar i din Shopify-admin.
Klicka på Utskrivna kvitton i avsnittet Anpassning för att öppna POS-redigeraren.
På sidan Kvittoanpassning klickar du på Kodredigerare.
Klicka på den kodfil som du vill återställa.
Klicka på ikonen
.
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
| Objekt | Beskrivning |
|---|---|
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
| Egenskap | Beskrivning |
|---|---|
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
| Egenskap | Beskrivning |
|---|---|
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
| Egenskap | Beskrivning |
|---|---|
destination | Destination för de produkter som fraktas. |
products | En lista över produkter som fraktas. |
Postobjekt
| Egenskap | Beskrivning |
|---|---|
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:
| Egenskap | Beskrivning |
|---|---|
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:
| Egenskap | Beskrivning | |
|---|---|---|
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
Gå till Kassasystem > Inställningar i din Shopify-admin.
Klicka på Utskrivna kvitton i avsnittet Anpassning för att öppna POS-redigeraren.
Klicka på Anpassa kvitton.
Klicka på Redigera kod.
Klicka på den kodfil som du vill förhandsgranska. Kvittot visas i redigeringsfönstret längst till höger.
Valfritt: Gör så här för att välja en specifik order att använda som kvittoinnehåll i förhandsgranskningsfönstret:
- Klicka på ikonen
.
- 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.
- Klicka på Bekräfta.
- Klicka på ikonen
Valfritt: Om du förhandsgranskar filen
gift-card.liquid, klicka på ikonenoch välj den plats som du vill förhandsgranska mallen för.
Med Lite-platser eller platser i Italien
Gå till Kassasystem > Inställningar i din Shopify-admin.
Klicka på Utskrivna kvitton i avsnittet Anpassning för att öppna POS-redigeraren.
På sidan Kvittoanpassning klickar du på Kodredigerare.
Klicka på den kodfil som du vill förhandsgranska. Kvittot visas i redigeringsfönstret längst till höger.
Valfritt: Gör så här för att välja en specifik order att använda som kvittoinnehåll i förhandsgranskningsfönstret:
- Klicka på ikonen
.
- 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.
- Klicka på Bekräfta.
- Klicka på ikonen
Valfritt: Om du förhandsgranskar filen
gift-card.liquid, klicka på ikonenoch välj den plats som du vill förhandsgranska mallen för.