> ## Documentation Index
> Fetch the complete documentation index at: https://foliant-help.iforiti.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Rediger koden i en mal

> Rediger malens Liquid, HTML og CSS i koderedigeringsprogrammet, sett inn ordrefelter, bruk variabelreferansen og rett kodefeil.

Koderedigeringsprogrammet gir deg full kontroll over en mal. Maler er HTML og CSS med Liquid, det samme malspråket som Shopify bruker: `{{ order_name }}` skriver ut ordrens navn, `{% for line_item in line_items %}` gjentas for hver vare. Foliants ordrevariabler følger variablene i Shopify Order Printer, så maler som er skrevet for den, fungerer stort sett som de er. Koderedigeringsprogrammet finnes i alle abonnementer.

## Åpne koderedigeringsprogrammet

Åpne malen i redigeringsprogrammet, og klikk på fanen **Kode**. Kodemaler åpnes direkte der. For en visuell mal ser du først den kompilerte koden. Klikk på **Rediger kode** for å endre den. Se [Bytt mellom Visuell og Kode](https://foliant-help.iforiti.com/nb/template-editor/visual-and-code-modes.md).

Venstre rute har tre faner:

| Fane | Hva den viser |
| - | - |
| **Kode** | Malens kode, med syntaksutheving. Gjeldende linje og kolonne vises nederst. |
| **Liquid-variabler** | Variablene og filtrene du kan bruke, gruppert (Generelle variabler, Varelinjedetaljer, Kundedetaljer …), med **Søk i referansen**. |
| **Metafelt** | Hvordan du skriver ut metafelt for ordre, kunde, produkt og variant. Se [Metafelt i maler](https://foliant-help.iforiti.com/nb/template-editor/metafields.md). |

Høyre rute er den direkte forhåndsvisningen. Den oppdateres kort tid etter at du slutter å skrive.

## Sett inn et felt

1. Plasser markøren der feltet skal stå.
2. Klikk på **Sett inn felt**.
3. Søk etter feltet (for eksempel «sporing» eller «SKU») under **Søk i felter**, og klikk på det.

Foliant setter inn Liquid-koden ved markøren, for eksempel `{{ shipping_address.city }}`. Varelinjefelt, som `{{ line_item.sku }}`, fungerer bare inne i varelinjeløkken: Sett inn **Varelinjer** for å få selve løkken.

## Søk i koden

Klikk på søkeknappen ved siden av **Sett inn felt** (eller trykk ⌘F / Ctrl+F i koden) for å finne tekst i malen.

## Kodefeil

Redigeringsprogrammet sjekker koden mens du skriver, og markerer problemer i margen:

* **Feil** hindrer deg i å lagre og setter forhåndsvisningen på pause. En `{{` eller `{%` som ikke er lukket, er en feil. Feilene vises i et banner med **Kodefeil** over redigeringsprogrammet, hver med **Gå til linje**.
* **Advarsler** påpeker ting som kan være feil, men hindrer deg ikke i å lagre, for eksempel et ukjent Liquid-filter, en ukjent tagg eller et ukjent objekt, en ukjent HTML-tagg eller CSS-egenskap, eller en HTML-tagg som ikke er lukket.

Når du lagrer, sjekker Foliant også malen: Liquid-koden må kunne leses, HTML-taggene må være balansert, og innebygd SVG kan bare inneholde tegneelementer. Hvis noe er feil, mislykkes lagringen, og et banner med **Kunne ikke oppdatere** viser opptil fem problemer, med linjenummer der det er kjent.

Hvis malen lagres, men forhåndsvisningen ikke kan gjengis, viser et banner meldingen fra Liquid og linjen, når den er kjent.

## Skriv gode maler

* Pengebeløp er i cent: Skriv dem alltid ut med et pengefilter, for eksempel `{{ total_price | money }}`. Se [Penger og valuta i maler](https://foliant-help.iforiti.com/nb/template-editor/liquid-money-and-currency.md).
* Bruk `| escape` på tekst som kundene har skrevet, for eksempel merknader og adresser: `{{ note | escape }}`.
* Bruk `{{ 'subtotal' | t }}` for tekst som følger dokumentets språk. Se [Datoer, språk og oversettelser](https://foliant-help.iforiti.com/nb/template-editor/liquid-dates-and-languages.md).
* Bruk Foliants innebygde kodebiter for mva.: `{% include 'vat_breakdown' %}` skriver ut tabellen med mva.-spesifikasjon, og `{% include 'legal_notes' %}` de juridiske merknadene (omvendt avgiftsplikt, eksport, IOSS …).

## Greit å vite

* Hvis en nummerert mal (faktura, kreditnota eller tilbud) ikke skriver ut `document_number` noe sted, legger Foliant til en liten linje med nummeret på slutten av dokumentet. Se [Dokumentnumre i maler](https://foliant-help.iforiti.com/nb/template-editor/liquid-document-numbers.md).
* Sidetall og gjentatte tabelloverskrifter for kodemaler finner du på malens innstillingsside, under **Sideoppsett**.
* For å hente en mal fra Shopify Order Printer eller Order Printer Pro bruker du **Importer en mal** på Maler-siden. Se [Importer en mal fra Order Printer](https://foliant-help.iforiti.com/nb/templates/import-from-order-printer.md).

## Relaterte artikler

* [Ordreobjektet og vanlige variabler](https://foliant-help.iforiti.com/nb/template-editor/liquid-order-variables.md)
* [Liquid-filtre](https://foliant-help.iforiti.com/nb/template-editor/liquid-filters.md)
* [Bytt mellom Visuell og Kode](https://foliant-help.iforiti.com/nb/template-editor/visual-and-code-modes.md)
* [Forhåndsvisning, papirstørrelse og zoom](https://foliant-help.iforiti.com/nb/template-editor/preview-paper-and-zoom.md)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.