Counter

Das Element Counter ermöglicht das animierte Anzeigen von Zahlen auf Ihrer Website. Dabei sind Start- und Endzahl einzutragen. Für eine Präzisierung der Anzeige stehen etliche Optionen wie Animationsdauer, Präfix und Suffix sowie das Hochladen eines Bildes und das Element Design zur Verfügung.

Beispielansicht Anleitung Hinweise, Tipps & Tricks

Beispielansicht

1

Beispielansicht ohne Präfix und Suffix, mit Primary Design

~ 1

Beispielansicht mit Präfix, ohne Element Design

~ 1 km

Beispielansicht mit Präfix, Suffix und Secondary Design

Anleitung

Counter-Element wählen

Nachdem Sie im Inhaltsbereich Ihrer Seite auf + Inhalt geklickt haben, öffnet sich das Fenster zur Auswahl des Elements. Wählen Sie den Reiter Widgets und anschließend Counter.

Neuen Counter anlegen

Im Counter-Element können Sie mehrere animierte Zahlen anzeigen lassen.
Durch Klick auf + Neu anlegen im Reiter Allgemein erstellen Sie ein neuen Counter.
Anschließend öffnet sich die Eingabemaske für diesen Counter.

Start- und Endwert definieren

Unter dem Reiter Allgemein tragen Sie im Feld Startwert die Zahl ein, mit der die Animation beim Seitenaufruf beginnen soll.
Im Feld Endwert hinterlegen Sie die Zahl, mit der die Animation abschließen soll.
Beide Felder sind in allen Countern für die Funktionalität des gesamten Elements auszufüllen.

Optionale Werte eintragen

Hinterlegen Sie ein Medium in einem Counter im Bereich Bild über die Option Datei hinzufügen oder Dateien auswählen und hochladen.
Wählen Sie im Bereich Animationsdauer über das Dropdown-Menü die Geschwindigkeit. Zur Auswahl stehen langsam, mittel und schnell.
Definieren Sie einen Titel für den einzelnen Counter, indem Sie das Feld unterhalb von Titel ausfüllen.
Im Bereich Präfix und Suffix hinterlegen Sie Werte / Zeichen, die vor bzw. nach dem Wert erscheinen sollen.

Weitere Counter anlegen

Über einen Klick auf + Neu anlegen im Reiter Allgemein erstellen Sie weitere Counter im Element. Dieser werden je nach Endgerät neben- oder untereinander angezeigt.
In jedem Counter muss zwingend Start- und Endwert hinterlegt werden. Die anderen Felder sind optional.
Speichern Sie die Einstellungen abschließend.

Hinweise, Tipps & Tricks

Besonderheiten: Für die Funktionalität des Elements Counter muss ein Start- und Endwert eingetragen sein. Diese beiden Felder müssen mit Zahlen ausgefüllt sein. Andere Felder sind optional. Es muss stets mindestens ein Counter angelegt sein. Weitere Counter im Element sind jederzeit erweiterbar.

Responsive: Für Endgeräte mit Display-Anzeige <840px werden standardmäßig bis zu maximal 4 Counter-Anzeigen nebeneinander angezeigt. Von 839px bis 640px werden maximal zwei Counter nebeneinander angezeigt, für kleinere Displays wird jeder einzelne Counter untereinander angezeigt.

Verknüpfte Tutorials

Tutorials, die mit diesem Element in Verbindung stehen.

Bild- & und Videomaterial via Fileadmin Tutorials Elementbibliothek