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

# Przełączanie między trybami Wizualny i Kod

> Przekształć szablon kodu w bloki, edytuj kod szablonu wizualnego i sprawdź, co dzieje się z Twoją pracą, gdy wracasz do poprzedniego trybu.

Każdy szablon to w środku Liquid i HTML. Edytor **Wizualny** tworzy ten kod za Ciebie z bloków i stylów dokumentu, a edytor **Kod** pokazuje sam kod. Przełączasz się kartami **Wizualny** i **Kod** u góry edytora. Foliant nigdy nie usuwa kodu przy przełączaniu: wszystko, czego nie da się zamienić na zwykły blok, zostaje zachowane jako blok **Własny Liquid**.

## Zanim zaczniesz

Dostępność karty **Wizualny** zależy od Twojego planu. Jeśli Twój plan jej nie obejmuje, karta pokazuje plan, który ją zawiera, a edytor kodu działa jak zwykle. Zobacz [Dostępność edytora wizualnego w planach](https://foliant-help.iforiti.com/pl/template-editor/visual-editor-plans.md).

## Przekształć szablon kodu w bloki

1. Otwórz szablon w edytorze. Otworzy się w trybie **Kod**.
2. Kliknij kartę **Wizualny**. Otworzy się okno **Przekształć w wizualny**.
3. Wybierz, od czego zacząć:

| Opcja | Co się dzieje |
| - | - |
| **Zacznij od układu bloków** | Wybierz **Układ** (na przykład **Faktura**, **List przewozowy** lub **Formularz zwrotu**) i kliknij **Użyj układu bloków**. Twój obecny kod zostanie zastąpiony tym układem. Do momentu zapisania przycisk **Odrzuć** przywraca Twój kod, a po zapisaniu kod pozostaje w historii wersji. |
| **Zachowaj mój kod jako blok własnego Liquid** | Kliknij **Zachowaj mój kod**. Twój kod zostaje zachowany i możesz dodawać wokół niego nowe bloki. Foliant zamienia rozpoznane sekcje (takie jak nagłówek, adresy, tabela pozycji czy sumy) na zwykłe bloki, jeśli drukują te same dane zamówienia, a całą resztę zachowuje w tym samym miejscu jako bloki własnego Liquid. |

4. Sprawdź stronę, a potem ją zapisz.

Dostępne układy zależą od szablonu: jeden dokument na zamówienie (Faktura, Korekta faktury, Oferta, List przewozowy, Formularz zwrotu, Faktura handlowa, Zamówienie zakupu, Ogólny dokument zamówienia, Etykieta wysyłkowa, Paragon) lub jeden dokument dla wszystkich wybranych zamówień (Lista kompletacyjna, Podsumowanie zamówień). Układ przeznaczony dla danego typu dokumentu nadaje ten typ szablonowi, który nie ma typu, więc układ faktury jest numerowany jak faktura.

## Zobacz lub edytuj kod szablonu wizualnego

1. W szablonie wizualnym kliknij kartę **Kod**. Zobaczysz **Skompilowany Liquid**: kod, który Foliant generuje z Twoich bloków i stylów dokumentu. Jest tylko do odczytu.
2. Aby go zmienić, kliknij **Edytuj kod**. Od tej chwili aktywny jest edytor kodu, a zapisanie zapisuje Twój kod.
3. Gdy zapisujesz, Foliant odczytuje bloki z powrotem z Twojego kodu, więc szablon pozostaje wizualny.

Możesz też otworzyć skompilowany kod pojedynczego bloku: zaznacz go i kliknij **Zobacz skompilowany Liquid** na jego karcie **Zawartość**.

## Wróć do trybu wizualnego po edycji kodu

Kliknij kartę **Wizualny**. Foliant odczyta bloki z Twojego kodu:

* Bloki, których kodu nie zmieniłeś, wracają w niezmienionej postaci.
* Jeśli część kodu nie pasuje już do swojego bloku albo została napisana poza blokami, okno **Wrócić do trybu wizualnego?** wymienia te części w sekcji **Części zachowane jako własny Liquid** razem z powodem:
  * **Edytowany kod**: kod bloku się zmienił, więc blok staje się blokiem własnego Liquid.
  * **Napisany poza blokami**: nowy kod dodany między blokami.
* Kliknij **Przełącz na tryb wizualny**, aby kontynuować, lub **Zostań w Liquid**, aby dalej edytować kod.

Nic nie zostaje usunięte, a przełączenie możesz cofnąć. Przed przełączeniem musisz poprawić wszystkie błędy w kodzie.

## Zastąp szablon szablonem startowym

Opcja **Zastąp szablonem startowym…** na górnym pasku zastępuje całą zawartość edytora szablonem startowym lub projektem. Szablony startowe to szablony kodu, więc szablon wizualny staje się szablonem kodu. Nic się nie zmienia, dopóki nie zapiszesz, a **Odrzuć** przywraca poprzednią wersję.

## Warto wiedzieć

* Bloki własnego Liquid możesz przenosić, stylizować i dodawać do nich warunki tak jak do innych bloków. Ich kod drukuje się dokładnie tak, jak został napisany.
* Przekształcanie dotyczy pojedynczego szablonu i następuje tylko wtedy, gdy je wybierzesz.
* Szablony utworzone z kupionego projektu korzystają z edytora projektów i nie można ich tutaj przełączyć na tryb Wizualny ani Kod.

## Powiązane artykuły

* [Otwórz edytor szablonów](https://foliant-help.iforiti.com/pl/template-editor/editor-overview.md)
* [Edytuj kod szablonu](https://foliant-help.iforiti.com/pl/template-editor/code-editor.md)
* [Opis bloków](https://foliant-help.iforiti.com/pl/template-editor/block-catalogue.md)
* [Dostępność edytora wizualnego w planach](https://foliant-help.iforiti.com/pl/template-editor/visual-editor-plans.md)


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