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

# Úprava kódu šablony

> Upravujte Liquid, HTML a CSS šablony v editoru kódu, vkládejte pole objednávky, používejte referenci proměnných a opravujte chyby v kódu.

Editor kódu vám dává nad šablonou plnou kontrolu. Šablony jsou HTML a CSS s Liquidem, stejným šablonovacím jazykem, jaký používá Shopify: `{{ order_name }}` vypíše název objednávky, `{% for line_item in line_items %}` se opakuje pro každou položku. Proměnné objednávky ve Foliantu odpovídají proměnným v Shopify Order Printer, takže šablony napsané pro něj většinou fungují beze změn. Editor kódu je k dispozici ve všech tarifech.

## Otevření editoru kódu

Otevřete šablonu v editoru a klikněte na kartu **Kód**. Šablony v kódu se otevřou rovnou tam. U vizuální šablony nejprve uvidíte zkompilovaný kód. Chcete-li ho změnit, klikněte na **Upravit kód**. Viz [Přepínání mezi vizuálním režimem a kódem](https://foliant-help.iforiti.com/cs/template-editor/visual-and-code-modes.md).

Levý panel má tři karty:

| Karta | Co zobrazuje |
| - | - |
| **Kód** | Kód šablony se zvýrazněním syntaxe. Aktuální řádek a sloupec se zobrazují dole. |
| **Proměnné Liquid** | Proměnné a filtry, které můžete použít, rozdělené do skupin (obecné proměnné, údaje o položkách, údaje o zákazníkovi…), s funkcí **Hledat v referenci**. |
| **Metapole** | Jak vytisknout metapole objednávky, zákazníka, produktu a varianty. Viz [Metapole v šablonách](https://foliant-help.iforiti.com/cs/template-editor/metafields.md). |

Pravý panel je živý náhled. Aktualizuje se krátce poté, co přestanete psát.

## Vložení pole

1. Umístěte kurzor tam, kam má pole přijít.
2. Klikněte na **Vložit pole**.
3. V části **Hledat pole** vyhledejte pole (například „tracking“ nebo „SKU“) a klikněte na něj.

Foliant vloží na pozici kurzoru jeho kód Liquid, například `{{ shipping_address.city }}`. Pole položek, například `{{ line_item.sku }}`, fungují jen uvnitř smyčky položek. Samotnou smyčku vložíte pomocí **Položky řádku**.

## Hledání v kódu

Kliknutím na tlačítko hledání vedle **Vložit pole** (nebo stisknutím ⌘F / Ctrl+F v kódu) vyhledáte text v šabloně.

## Chyby v kódu

Editor kontroluje váš kód během psaní a označuje problémy na okraji:

* **Chyby** vám brání v uložení a pozastaví náhled. Neuzavřené `{{` nebo `{%` je chyba. Chyby jsou uvedeny v banneru **Chyby v kódu** nad editorem, každá s odkazem **Přejít na řádek**.
* **Upozornění** označují věci, které mohou být špatně, ale nebrání vám v uložení. Například neznámý filtr, tag nebo objekt Liquid, neznámý tag HTML nebo vlastnost CSS, nebo neuzavřený tag HTML.

Při uložení Foliant šablonu také zkontroluje: Liquid musí být čitelný, tagy HTML musí být vyvážené a vložené SVG smí obsahovat jen kreslicí prvky. Pokud je něco špatně, uložení selže a banner **Nepodařilo se aktualizovat** uvede až pět problémů, s čísly řádků, pokud jsou známá.

Pokud se šablona uloží, ale náhled nelze vykreslit, banner zobrazí zprávu Liquidu a řádek, pokud je známý.

## Jak psát dobré šablony

* Peněžní hodnoty jsou v centech: vždy je vypisujte s filtrem pro peníze, například `{{ total_price | money }}`. Viz [Peníze a měna v šablonách](https://foliant-help.iforiti.com/cs/template-editor/liquid-money-and-currency.md).
* U textu, který zadali zákazníci, například poznámek a adres, použijte `| escape`: `{{ note | escape }}`.
* Pro texty, které se řídí jazykem dokumentu, použijte `{{ 'subtotal' | t }}`. Viz [Data, jazyky a překlady](https://foliant-help.iforiti.com/cs/template-editor/liquid-dates-and-languages.md).
* Pro DPH použijte vestavěné snippety Foliantu: `{% include 'vat_breakdown' %}` vypíše tabulku rozpisu DPH a `{% include 'legal_notes' %}` právní poznámky (přenesená daňová povinnost, vývoz, IOSS…).

## Dobré vědět

* Pokud číslovaná šablona (faktura, dobropis nebo nabídka) nikde nevypisuje `document_number`, Foliant přidá na konec dokumentu malý řádek s číslem. Viz [Čísla dokumentů v šablonách](https://foliant-help.iforiti.com/cs/template-editor/liquid-document-numbers.md).
* Čísla stránek a opakované záhlaví tabulek pro šablony v kódu najdete na stránce nastavení šablony v části **Rozvržení stránky**.
* Chcete-li převést šablonu ze Shopify Order Printer nebo Order Printer Pro, použijte na stránce Šablony možnost **Importovat šablonu**. Viz [Import šablony z Order Printer](https://foliant-help.iforiti.com/cs/templates/import-from-order-printer.md).

## Související články

* [Objekt objednávky a běžné proměnné](https://foliant-help.iforiti.com/cs/template-editor/liquid-order-variables.md)
* [Filtry Liquid](https://foliant-help.iforiti.com/cs/template-editor/liquid-filters.md)
* [Přepínání mezi vizuálním režimem a kódem](https://foliant-help.iforiti.com/cs/template-editor/visual-and-code-modes.md)
* [Náhled, formát papíru a přiblížení](https://foliant-help.iforiti.com/cs/template-editor/preview-paper-and-zoom.md)


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