Spring til hovedindhold
Kodeeditoren giver dig fuld kontrol over en skabelon. Skabeloner er HTML og CSS med Liquid, det samme skabelonsprog som Shopify bruger: {{ order_name }} udskriver ordrens navn, {% for line_item in line_items %} gentages for hver vare. Foliants ordrevariabler følger Shopify Order Printers, så skabeloner skrevet til den fungerer for det meste, som de er. Kodeeditoren findes i alle abonnementer.

Åbn kodeeditoren

Åbn skabelonen i editoren, og klik på fanen Kode. Kodeskabeloner åbner direkte der. For en visuel skabelon ser du først den kompilerede kode. Klik på Redigér kode for at ændre den. Se Skift mellem Visuel og Kode. Venstre panel har tre faner: Højre panel er live-forhåndsvisningen. Den opdateres kort efter, at du holder op med at skrive.

Indsæt et felt

  1. Placér markøren, hvor feltet skal stå.
  2. Klik på Indsæt felt.
  3. Søg efter feltet (for eksempel “tracking” eller “SKU”) under Søg i felter, og klik på det.
Foliant indsætter feltets Liquid ved markøren, for eksempel {{ shipping_address.city }}. Linjevarefelter som {{ line_item.sku }} virker kun inde i løkken over linjevarer: indsæt Linjevarer for at få selve løkken.

Søg i koden

Klik på søgeknappen ved siden af Indsæt felt (eller tryk på ⌘F / Ctrl+F i koden) for at finde tekst i skabelonen.

Kodefejl

Editoren tjekker din kode, mens du skriver, og markerer problemer i margenen:
  • Fejl forhindrer dig i at gemme og sætter forhåndsvisningen på pause. Et ulukket {{ eller {% er en fejl. Fejlene vises i et banner med Kodefejl over editoren, hver med Gå til linje.
  • Advarsler peger på ting, der måske er forkerte, men forhindrer dig ikke i at gemme, for eksempel et ukendt Liquid-filter, -tag eller -objekt, et ukendt HTML-tag eller en ukendt CSS-egenskab eller et ulukket HTML-tag.
Når du gemmer, tjekker Foliant også skabelonen: Liquid skal kunne læses, HTML-tags skal være balancerede, og inline SVG må kun indeholde tegneelementer. Hvis noget er galt, mislykkes gemningen, og et banner med Kunne ikke opdatere viser op til fem problemer med linjenumre, hvor de kendes. Hvis skabelonen bliver gemt, men forhåndsvisningen ikke kan vises, viser et banner Liquids besked og linjen, når den kendes.

Skriv gode skabeloner

  • Beløb er i cent: udskriv dem altid med et pengefilter, for eksempel {{ total_price | money }}. Se Beløb og valuta i skabeloner.
  • Brug | escape på tekst, som kunder har skrevet, for eksempel noter og adresser: {{ note | escape }}.
  • Brug {{ 'subtotal' | t }} til tekst, der følger dokumentets sprog. Se Datoer, sprog og oversættelser.
  • Brug Foliants indbyggede snippets til moms: {% include 'vat_breakdown' %} udskriver tabellen med momsspecifikation, og {% include 'legal_notes' %} udskriver de juridiske bemærkninger (omvendt betalingspligt, eksport, IOSS…).

Godt at vide

  • Hvis en nummereret skabelon (faktura, kreditnota eller tilbud) ikke udskriver document_number nogen steder, tilføjer Foliant en lille linje med nummeret i slutningen af dokumentet. Se Dokumentnumre i skabeloner.
  • Sidenumre og gentagne tabeloverskrifter for kodeskabeloner finder du på skabelonens indstillingsside under Sidelayout.
  • Hvis du vil flytte en skabelon over fra Shopify Order Printer eller Order Printer Pro, så brug Importér en skabelon på siden Skabeloner. Se Importér en skabelon fra Order Printer.

Relaterede artikler