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

# Přepínání mezi vizuálním režimem a kódem

> Převeďte šablonu v kódu na bloky, upravte kód vizuální šablony a zjistěte, co se stane s vaší prací, když přepnete zpět.

Každá šablona je v základu Liquid a HTML. Editor **Vizuální** pro vás tento kód sestaví z bloků a stylů dokumentu. Editor **Kód** zobrazuje samotný kód. Přepínáte pomocí karet **Vizuální** a **Kód** v horní části editoru. Foliant při přepnutí nikdy kód nezahodí: vše, co nedokáže převést na běžný blok, ponechá jako blok **Vlastní Liquid**.

## Než začnete

Karta **Vizuální** závisí na vašem tarifu. Pokud ji váš tarif nezahrnuje, karta zobrazí tarif, který ji obsahuje, a editor kódu funguje jako obvykle. Viz [Dostupnost vizuálního editoru podle tarifu](https://foliant-help.iforiti.com/cs/template-editor/visual-editor-plans.md).

## Převod šablony v kódu na bloky

1. Otevřete šablonu v editoru. Otevře se v režimu **Kód**.
2. Klikněte na kartu **Vizuální**. Otevře se dialog **Převést na vizuální**.
3. Zvolte, jak začít:

| Možnost | Co se stane |
| - | - |
| **Začít s rozvržením z bloků** | Vyberte **Rozvržení** (například **Faktura**, **Dodací list** nebo **Formulář pro vrácení zboží**) a klikněte na **Použít rozvržení z bloků**. Váš současný kód se nahradí tímto rozvržením. Dokud neuložíte, tlačítko **Zahodit** vám kód vrátí. Po uložení zůstane v historii verzí. |
| **Ponechat můj kód jako blok Vlastní Liquid** | Klikněte na **Ponechat můj kód**. Váš kód zůstane zachován a kolem něj můžete přidávat nové bloky. Části, které Foliant rozpozná (například záhlaví, adresy, tabulku položek nebo součty), převede na běžné bloky, pokud tisknou stejné údaje objednávky. Vše ostatní ponechá na svém místě jako bloky Vlastní Liquid. |

4. Zkontrolujte stránku a pak ji uložte.

Nabízená rozvržení závisí na šabloně: jeden dokument na objednávku (Faktura, Dobropis, Cenová nabídka, Dodací list, Formulář pro vrácení zboží, Obchodní faktura, Objednávka u dodavatele, Obecný dokument objednávky, Přepravní štítek, Účtenka) nebo jeden dokument pro všechny vybrané objednávky (Vychystávací seznam, Souhrn objednávek). Rozvržení pro určitý typ dokumentu přiřadí šabloně bez typu tento typ, takže rozvržení faktury se číslují jako faktura.

## Zobrazení nebo úprava kódu vizuální šablony

1. Ve vizuální šabloně klikněte na kartu **Kód**. Uvidíte **Zkompilovaný Liquid**: kód, který Foliant generuje z vašich bloků a stylů dokumentu. Je pouze pro čtení.
2. Chcete-li ho změnit, klikněte na **Upravit kód**. Od této chvíle je aktivní editor kódu a uložením se uloží váš kód.
3. Při uložení Foliant z vašeho kódu znovu načte bloky, takže šablona zůstane vizuální.

Můžete také otevřít zkompilovaný kód jednotlivého bloku: vyberte ho a na jeho kartě **Obsah** klikněte na **Zobrazit zkompilovaný Liquid**.

## Přepnutí zpět do vizuálního režimu po úpravě kódu

Klikněte na kartu **Vizuální**. Foliant načte bloky z vašeho kódu:

* Bloky, jejichž kód jste nezměnili, se vrátí v původní podobě.
* Pokud některý kód už neodpovídá svému bloku nebo byl napsán mimo jakýkoli blok, dialog **Přepnout zpět do vizuálního režimu?** tyto části uvede v sekci **Části ponechané jako Vlastní Liquid** i s důvodem:
  * **Upravený kód**: kód bloku se změnil, proto se z něj stane blok Vlastní Liquid.
  * **Napsáno mimo jakýkoli blok**: nový kód, který jste přidali mezi bloky.
* Kliknutím na **Přepnout do vizuálního režimu** pokračujte, nebo kliknutím na **Zůstat v Liquid** pokračujte v úpravách kódu.

Nic se neodstraní a přepnutí můžete vrátit zpět. Před přepnutím musíte opravit všechny chyby v kódu.

## Nahrazení šablony výchozí šablonou

Možnost **Nahradit výchozí šablonou…** v horní liště nahradí veškerý obsah editoru výchozí šablonou nebo designem. Výchozí šablony jsou šablony v kódu, takže z vizuální šablony se stane šablona v kódu. Dokud neuložíte, nic se nezmění, a tlačítko **Zahodit** vrátí původní stav.

## Dobré vědět

* Bloky Vlastní Liquid můžete přesouvat, stylovat a nastavovat jim podmínky jako u jakéhokoli jiného bloku. Jejich kód se vytiskne přesně tak, jak je napsán.
* Převod se provádí pro každou šablonu zvlášť a jen tehdy, když ho zvolíte.
* Šablony vytvořené z zakoupeného designu používají editor designu a zde je nelze přepnout do režimu Vizuální ani Kód.

## Související články

* [Otevření editoru šablon](https://foliant-help.iforiti.com/cs/template-editor/editor-overview.md)
* [Úprava kódu šablony](https://foliant-help.iforiti.com/cs/template-editor/code-editor.md)
* [Přehled bloků](https://foliant-help.iforiti.com/cs/template-editor/block-catalogue.md)
* [Dostupnost vizuálního editoru podle tarifu](https://foliant-help.iforiti.com/cs/template-editor/visual-editor-plans.md)


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