Hopp til hovedinnhold
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. Venstre rute har tre faner: 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.
  • 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.
  • 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.
  • 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.

Relaterte artikler