Hoppa till huvudinnehåll
Med kodredigeraren har du full kontroll över en mall. Mallar är HTML och CSS med Liquid, samma mallspråk som Shopify använder: {{ order_name }} skriver ut orderns namn och {% for line_item in line_items %} upprepas för varje artikel. Foliants ordervariabler följer Shopify Order Printers, så mallar som är skrivna för den fungerar oftast som de är. Kodredigeraren finns i alla planer.

Öppna kodredigeraren

Öppna mallen i redigeraren och klicka på fliken Kod. Kodmallar öppnas direkt där. För en visuell mall ser du först den kompilerade koden. Klicka på Redigera kod för att ändra den. Se Växla mellan Visuellt och Kod. Den vänstra panelen har tre flikar: Den högra panelen är förhandsvisningen. Den uppdateras strax efter att du slutat skriva.

Infoga ett fält

  1. Placera markören där fältet ska stå.
  2. Klicka på Infoga fält.
  3. Sök efter fältet (till exempel “tracking” eller “SKU”) under Sök fält och klicka på det.
Foliant infogar fältets Liquid vid markören, till exempel {{ shipping_address.city }}. Radartikelfält, som {{ line_item.sku }}, fungerar bara inuti radartikelloopen: infoga Radartiklar för själva loopen.

Sök i koden

Klicka på sökknappen bredvid Infoga fält (eller tryck på ⌘F / Ctrl+F i koden) för att hitta text i mallen.

Kodfel

Redigeraren kontrollerar din kod medan du skriver och markerar problem i marginalen:
  • Fel hindrar dig från att spara och pausar förhandsvisningen. En {{ eller {% som inte stängs är ett fel. Felen listas i en banner med Kodfel ovanför redigeraren, vart och ett med Gå till rad.
  • Varningar pekar ut sådant som kan vara fel men hindrar dig inte från att spara, till exempel ett okänt Liquid-filter, en okänd tagg eller ett okänt objekt, en okänd HTML-tagg eller CSS-egenskap, eller en HTML-tagg som inte stängs.
När du sparar kontrollerar Foliant också mallen: Liquid-koden måste gå att läsa, HTML-taggar måste vara balanserade och inbäddad SVG får bara innehålla ritelement. Om något är fel misslyckas sparandet, och en banner med Misslyckades med att uppdatera listar upp till fem problem, med radnummer när de är kända. Om mallen sparas men förhandsvisningen inte kan visas, visar en banner Liquids meddelande och raden, när den är känd.

Skriv bra mallar

  • Belopp anges i cent: skriv alltid ut dem med ett pengafilter, till exempel {{ total_price | money }}. Se Pengar och valuta i mallar.
  • Använd | escape på text som kunder har skrivit, som anteckningar och adresser: {{ note | escape }}.
  • Använd {{ 'subtotal' | t }} för text som följer dokumentets språk. Se Datum, språk och översättningar.
  • Använd Foliants inbyggda kodsnuttar för moms: {% include 'vat_breakdown' %} skriver ut tabellen med momsspecifikation och {% include 'legal_notes' %} de juridiska anmärkningarna (omvänd skattskyldighet, export, IOSS …).

Bra att veta

  • Om en numrerad mall (faktura, kreditnota eller offert) inte skriver ut document_number någonstans lägger Foliant till en liten rad med numret i slutet av dokumentet. Se Dokumentnummer i mallar.
  • Sidnummer och upprepade tabellrubriker för kodmallar finns på mallens inställningssida, under Sidlayout.
  • Om du vill flytta över en mall från Shopify Order Printer eller Order Printer Pro använder du Importera en mall på sidan Mallar. Se Importera en mall från Order Printer.

Relaterade artiklar