Naar hoofdinhoud gaan
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.

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:
  1. 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