> ## 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.

# Sablon kódjának szerkesztése

> Szerkessze a sablon Liquid-, HTML- és CSS-kódját a kódszerkesztőben, szúrjon be rendelési mezőket, használja a változóreferenciát, és javítsa a kódhibákat.

A kódszerkesztővel teljes mértékben Ön irányítja a sablont. A sablonok HTML- és CSS-kódból állnak Liquiddal kiegészítve. Ez ugyanaz a sablonnyelv, amelyet a Shopify is használ: a `{{ order_name }}` kiírja a rendelés nevét, a `{% for line_item in line_items %}` pedig minden tételnél megismétlődik. A Foliant rendelési változói a Shopify Order Printer változóit követik, így az ahhoz írt sablonok többnyire változtatás nélkül működnek. A kódszerkesztő minden csomagban elérhető.

## A kódszerkesztő megnyitása

Nyissa meg a sablont a szerkesztőben, és kattintson a **Kód** fülre. A kódsablonok közvetlenül itt nyílnak meg. Vizuális sablonnál először a lefordított kódot látja. A módosításhoz kattintson a **Kód szerkesztése** gombra. Lásd: [Váltás a Vizuális és a Kód nézet között](https://foliant-help.iforiti.com/hu/template-editor/visual-and-code-modes.md).

A bal oldali panelen három fül található:

| Fül | Mit mutat |
| - | - |
| **Kód** | A sablon kódját szintaxiskiemeléssel. Az aktuális sor és oszlop alul látható. |
| **Liquid változók** | A használható változókat és szűrőket csoportosítva (Általános változók, Tételadatok, Vásárlói adatok…), a **Keresés a referenciában** funkcióval. |
| **Metamezők** | Hogyan írathatja ki a rendelések, vásárlók, termékek és változatok metamezőit. Lásd: [Metamezők a sablonokban](https://foliant-help.iforiti.com/hu/template-editor/metafields.md). |

A jobb oldali panel az élő előnézet. Röviddel azután frissül, hogy Ön abbahagyta a gépelést.

## Mező beszúrása

1. Helyezze a kurzort oda, ahová a mezőt szeretné.
2. Kattintson a **Mező beszúrása** gombra.
3. Keresse meg a mezőt (például „tracking” vagy „SKU”) a **Mezők keresése** mezőben, majd kattintson rá.

A Foliant a kurzor helyére beszúrja a mező Liquid-kódját, például: `{{ shipping_address.city }}`. A tételmezők, például a `{{ line_item.sku }}`, csak a tételsorok ciklusán belül működnek. Magát a ciklust a **Tételsorok** beszúrásával hozhatja létre.

## Keresés a kódban

Ha szöveget szeretne keresni a sablonban, kattintson a **Mező beszúrása** melletti keresés gombra (vagy nyomja meg a ⌘F / Ctrl+F billentyűket a kódban).

## Kódhibák

A szerkesztő gépelés közben ellenőrzi a kódot, és a margón jelöli a problémákat:

* A **hibák** megakadályozzák a mentést, és szüneteltetik az előnézetet. Hiba például egy lezáratlan `{{` vagy `{%`. A hibák a szerkesztő feletti **Kódhibák** sávban jelennek meg, mindegyik mellett egy **Ugrás a sorra** hivatkozással.
* A **figyelmeztetések** olyan dolgokra hívják fel a figyelmet, amelyek hibásak lehetnek, de nem akadályozzák a mentést. Ilyen például egy ismeretlen Liquid-szűrő, -címke vagy -objektum, egy ismeretlen HTML-címke vagy CSS-tulajdonság, vagy egy lezáratlan HTML-címke.

Mentéskor a Foliant is ellenőrzi a sablont: a Liquid-kódnak olvashatónak kell lennie, a HTML-címkéknek párban kell állniuk, a beágyazott SVG pedig csak rajzelemeket tartalmazhat. Ha valami nem stimmel, a mentés sikertelen lesz. Ilyenkor egy **Frissítés sikertelen** sáv legfeljebb öt problémát sorol fel, és ha ismert, a sorszámukat is megadja.

Ha a sablon mentése sikerül, de az előnézet nem jeleníthető meg, egy sáv mutatja a Liquid hibaüzenetét és a sort, ha az ismert.

## Jó sablonok írása

* A pénzösszegek centben vannak megadva, ezért mindig pénzszűrővel írassa ki őket, például: `{{ total_price | money }}`. Lásd: [Pénz és pénznem a sablonokban](https://foliant-help.iforiti.com/hu/template-editor/liquid-money-and-currency.md).
* A vásárlók által beírt szövegeknél, például a megjegyzéseknél és címeknél, használja az `| escape` szűrőt: `{{ note | escape }}`.
* A dokumentum nyelvét követő szövegekhez használja a `{{ 'subtotal' | t }}` formát. Lásd: [Dátumok, nyelvek és fordítások](https://foliant-help.iforiti.com/hu/template-editor/liquid-dates-and-languages.md).
* Az áfához használja a Foliant beépített kódrészleteit: a `{% include 'vat_breakdown' %}` kiírja az áfabontási táblázatot, a `{% include 'legal_notes' %}` pedig a jogi megjegyzéseket (fordított adózás, export, IOSS…).

## Jó tudni

* Ha egy sorszámozott sablon (számla, jóváíró számla vagy árajánlat) sehol sem írja ki a `document_number` értéket, a Foliant egy kis sort ad a dokumentum végéhez a sorszámmal. Lásd: [Dokumentumszámok a sablonokban](https://foliant-help.iforiti.com/hu/template-editor/liquid-document-numbers.md).
* A kódsablonok oldalszámait és ismétlődő táblázatfejléceit a sablon beállítási oldalán, az **Oldalelrendezés** részben találja.
* Ha a Shopify Order Printer vagy az Order Printer Pro alkalmazásból szeretne sablont áthozni, használja a Sablonok oldalon a **Sablon importálása** funkciót. Lásd: [Sablon importálása az Order Printerből](https://foliant-help.iforiti.com/hu/templates/import-from-order-printer.md).

## Kapcsolódó cikkek

* [A rendelésobjektum és a gyakori változók](https://foliant-help.iforiti.com/hu/template-editor/liquid-order-variables.md)
* [Liquid-szűrők](https://foliant-help.iforiti.com/hu/template-editor/liquid-filters.md)
* [Váltás a Vizuális és a Kód nézet között](https://foliant-help.iforiti.com/hu/template-editor/visual-and-code-modes.md)
* [Előnézet, papírméret és nagyítás](https://foliant-help.iforiti.com/hu/template-editor/preview-paper-and-zoom.md)


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