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

# Schakelen tussen Visueel en Code

> Zet een codesjabloon om naar blokken, bewerk de code van een visueel sjabloon en lees wat er met je werk gebeurt als je terugschakelt.

Elk sjabloon bestaat onderliggend uit Liquid en HTML. De editor **Visueel** bouwt die code voor je op uit blokken en documentstijlen; de editor **Code** toont de code zelf. Je schakelt met de tabbladen **Visueel** en **Code** boven in de editor. Foliant gooit nooit code weg als je schakelt: alles wat het niet in een gewoon blok kan omzetten, blijft bewaard als blok **Aangepaste Liquid**.

## Voordat je begint

Het tabblad **Visueel** hangt af van je abonnement. Heb je het niet, dan toont het tabblad het abonnement waarin het zit, en werkt de code-editor zoals gewoonlijk. Zie [Beschikbaarheid van de visuele editor per abonnement](https://foliant-help.iforiti.com/nl/template-editor/visual-editor-plans.md).

## Een codesjabloon omzetten naar blokken

1. Open het sjabloon in de editor. Het opent in **Code**.
2. Klik op het tabblad **Visueel**. Het dialoogvenster **Omzetten naar visueel** opent.
3. Kies hoe je begint:

| Optie | Wat er gebeurt |
| - | - |
| **Beginnen met een blokindeling** | Kies een **Opmaak** (bijvoorbeeld **Factuur**, **Pakbon** of **Retourformulier**) en klik op **Blokindeling gebruiken**. Je huidige code wordt vervangen door die opmaak. Zolang je niet hebt opgeslagen, haalt **Verwerpen** je code terug; na het opslaan blijft die in de versiegeschiedenis staan. |
| **Mijn code behouden als blok met aangepaste Liquid** | Klik op **Mijn code behouden**. Je code blijft bewaard en je kunt er nieuwe blokken omheen toevoegen. Foliant zet onderdelen die het herkent (zoals de koptekst, adressen, artikeltabel of totalen) om in gewone blokken als ze dezelfde ordergegevens afdrukken, en laat al het andere op zijn plek staan als blokken met aangepaste Liquid. |

4. Controleer de pagina en sla op.

Welke opmaken je kunt kiezen, hangt af van het sjabloon: één document per bestelling (Factuur, Creditnota, Offerte, Pakbon, Retourformulier, Handelsfactuur, Inkooporder, Algemeen orderdocument, Verzendlabel, Bon) of één document voor alle geselecteerde bestellingen (Picklijst, Besteloverzicht). Een opmaak voor een documenttype geeft een sjabloon zonder type dat type, zodat een factuuropmaak wordt genummerd als factuur.

## De code van een visueel sjabloon bekijken of bewerken

1. Klik in een visueel sjabloon op het tabblad **Code**. Je ziet **Gecompileerde Liquid**: de code die Foliant genereert uit je blokken en documentstijlen. Deze is alleen-lezen.
2. Klik op **Code bewerken** om de code te wijzigen. Vanaf dat moment is de code-editor actief en sla je je code op als je opslaat.
3. Bij het opslaan leest Foliant de blokken terug uit je code, zodat het sjabloon visueel blijft.

Je kunt ook de gecompileerde code van één blok openen: selecteer het blok en klik op **Gecompileerde Liquid bekijken** in het tabblad **Inhoud**.

## Terugschakelen naar Visueel na het bewerken van code

Klik op het tabblad **Visueel**. Foliant leest de blokken uit je code:

* Blokken waarvan je de code niet hebt gewijzigd, komen terug zoals ze waren.
* Past een deel van de code niet meer bij het blok, of staat code buiten een blok, dan toont het dialoogvenster **Terug naar Visueel?** die delen onder **Delen behouden als aangepaste Liquid**, met de reden:
  * **Code bewerkt**: de code van het blok is gewijzigd, dus het wordt een blok met aangepaste Liquid.
  * **Buiten een blok geschreven**: nieuwe code die je tussen blokken hebt toegevoegd.
* Klik op **Overschakelen naar Visueel** om door te gaan, of op **In Liquid blijven** om verder te gaan met code bewerken.

Er wordt niets verwijderd en je kunt het schakelen ongedaan maken. Je moet eventuele fouten in de code oplossen voordat je kunt schakelen.

## Een sjabloon vervangen door een startsjabloon

**Vervangen door een startsjabloon…** in de bovenste balk vervangt alles in de editor door een startsjabloon of ontwerp. De startsjablonen zijn codesjablonen, dus een visueel sjabloon wordt een codesjabloon. Er verandert niets totdat je opslaat, en **Verwerpen** haalt terug wat je had.

## Goed om te weten

* Blokken met aangepaste Liquid kun je verplaatsen, opmaken en voorwaarden geven, net als elk ander blok. Hun code wordt precies zo afgedrukt als die is geschreven.
* Omzetten gebeurt per sjabloon en alleen als je ervoor kiest.
* Sjablonen die zijn gemaakt van een gekocht ontwerp gebruiken de ontwerpeditor en kunnen hier niet naar Visueel of Code worden omgezet.

## Gerelateerde artikelen

* [De sjablooneditor openen](https://foliant-help.iforiti.com/nl/template-editor/editor-overview.md)
* [De code van een sjabloon bewerken](https://foliant-help.iforiti.com/nl/template-editor/code-editor.md)
* [Overzicht van blokken](https://foliant-help.iforiti.com/nl/template-editor/block-catalogue.md)
* [Beschikbaarheid van de visuele editor per abonnement](https://foliant-help.iforiti.com/nl/template-editor/visual-editor-plans.md)


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