Teller block
Met het Teller block toon je een of meerdere optellende cijfers op een pagina. Per teller stel je een start- en eindgetal in en kies je optioneel een bijschrift en icoon. Met de automatische optelling telt het getal soepel op tot de eindwaarde zodra het in beeld schuift.
Het block toevoegen
Zoek in de blokken-editor op “Counter” en voeg het block toe aan de pagina.
Tellers toevoegen
Klik op “Item toevoegen” om een teller toe te voegen. Je kunt onbeperkt tellers toevoegen; ze worden naast elkaar getoond.
Per teller stel je in
| Veld | Omschrijving |
|---|---|
| Toon icoon | Schakel in om een icoon boven het getal te tonen |
| Icoon | Kies een icoon uit de Iconify-bibliotheek (zichtbaar als Toon icoon aan staat) |
| Icoongrootte | De grootte van het icoon: XS, SM, LG, 2X t/m 10X |
| Startgetal | Het getal waarmee de animatie begint (standaard 0) |
| Eindgetal | Het getal waarbij de animatie stopt |
| Onderschrift | Een korte tekst die onder het getal wordt getoond, bijv. “projecten” of “jaar ervaring” |
Animatie-instellingen
Automatisch optellen
Schakel Automatisch optellen in om het getal soepel te laten animeren van het startgetal naar het eindgetal. De animatie start zodra de teller in beeld schuift.
Als Automatisch optellen is ingeschakeld, zijn de volgende opties beschikbaar:
| Instelling | Omschrijving | Standaard |
|---|---|---|
| Looptijd | Hoe lang de animatie duurt in seconden | 2 s |
| Groeperen | Voegt een scheidingsteken toe bij duizendtallen (bijv. 1.000 in plaats van 1000) | Aan |
| Scheidingsteken | Het teken dat duizendtallen scheidt: . of , | . |
| Decimaal teken | Het teken dat decimalen scheidt: . of , | , |
> Tip: Kies scheidingsteken en decimaal teken passend bij de taalinstelling van je website. Voor Nederlands is . als scheidingsteken en , als decimaal teken gebruikelijk.