Contao Count up Bundle
von Christoph Werner
Please visit github for english docs.
https://github.com/plenta/contao-countup-bundle
Dieses Inhaltselement zählt Ziffern hoch oder runter.
Die Erweiterung basiert auf CountUp.js
Beispiel 1
100
Beispiel 2
ab
12309,99
EUR
Beispiel 3
€
0,00
Installation mittels Composer
composer require plenta/contao-countup-bundleWelche Version ist die richtige?
| Contao-Version | PHP-Version | Count Up Bundle-Version |
|---|---|---|
| 4.9.* | >= 7.4 | 2.2.1 |
| 4.13.* | >= 7.4 | 2.3.* |
| >= 5.3.0 | >= 8.3 | >= 3.0.0 |
Verwendung
Einfach das Inhaltselement zum Artikel hinzufügen.
Folgende Argumente können angepasst werden:
- Anfangswert: Zahl ab der die Animation startet
- Endwert: Zahl bis zu der hoch- oder runtergezählt wird
- Animationsdauer: Animationsdauer in Sekunden
- Präfix: Text vor der Zahl
- Suffix: Text hinter der Zahl
- Zahlengruppierung: Zahl gruppiert darstellen (1.000 vs 1000)
- Dezimalstellen werden automatisch berechnet. Der Anfangs- und Endwert müssen die gleiche Anzahl Nachkommastellen aufweisen.
Upgrade von Version 2.* auf 3.0.0
Templates
- Alter Template-Name: ce_plenta_countup.html5
- Neuer Template-Name: content_element/plenta_countup.html.twig
CSS-Klassen
| Alt | Neu |
|---|---|
.ce_plenta_countup |
.content-plenta-countup |
.countUpPrefix |
.countup-prefix |
.countUpValue |
.countup-value |
.countUpSuffix |
.countup-suffix |
Neuer Speicherort für JavaScript
Das JavaScript des Count Up Bundles befindet sich jetzt im block script-Abschnitt des neuen Twig-Templates. Zuvor wurde das Skript im getResponse-Callback des Inhaltselement-Controllers über $GLOBALS['TL_BODY'] eingebunden.
Screenshot
