facts — Kennzahlen mit Count-up

Drei Einträge

Große Zahlen mit kurzer Beschreibung darunter, die beim Scrollen hochzählen. Gedacht für Firmen- und Erfolgszahlen, Eckdaten oder Meilensteine.

Der Count-up lässt sich abschalten, das Tausendertrennzeichen ist einstellbar. Für Kacheln mit Foto ist imageWithTextEntries zuständig, für Icon-Vorteile features.

34
Elementtypen im Template aurora-aron
8
Seiten in diesem Katalog
3
Einträge je Repeater-Element

features — Icon-Raster mit drei Kacheln

variant-1

Kompakte Kacheln aus Symbol, Titel und Kurztext. Das Bildfeld ist auf eine quadratische Box gezwungen und wird normalerweise mit einem SVG-Icon befüllt; in diesem Katalog stehen nur Fotos zur Verfügung, deshalb ist hier die Einstellung „als normales Bild anzeigen“ aktiv.

Für Kacheln mit großem Foto und Fließtext ist imageWithTextEntries gedacht, für Kennzahlen facts.

Symbolbild Kuechenzeile aus Altholz
Leistungen und Ausstattung

Der typische Einsatz: eine Handvoll Vorteile, jeweils mit Symbol und einem Satz Erklärung.

Symbolbild moderne Kueche
USPs mit Symbol

Icon-Größe, Icon-Farbe und Kachel-Hintergrund sind Einstellungen des Elements, nicht Teil des Inhalts.

Symbolbild Kuechenblock
Kurze Aufzählungen

Für eine einfache Bulletliste reicht @textarea; features lohnt sich, sobald Symbole und ein Raster dazukommen.

textColumns — Drei Textspalten

Mit optionalem Icon je Spalte

Mehrere Textspalten nebeneinander, jede mit optionalem Icon, Titel und WYSIWYG-Text. Anders als features geht es hier nicht um kurze Labels, sondern um echte Erklärblöcke.

Das Icon-Feld erwartet ein SVG, das als eingefärbte Silhouette dargestellt wird. Weil im Katalog nur Fotos vorliegen, bleiben die Icons hier leer.

Spalte 1 — Ablauf

Drei bis vier Spalten sind der Normalfall; die Spaltenzahl ist je Geräteklasse einstellbar, dazu der Spaltenabstand von gx-0 bis gx-6.

Spalte 2 — Erklärblöcke

Jede Spalte ist eine Repeater-Zeile mit eigenem Titel und eigenem Fließtext, inklusive Links und Aufzählungen.

Spalte 3 — Abgrenzung

Reines Icon-Label-Raster ohne Fließtext? features. Teaser mit Bild und Hover? promoEntries. Kennzahlen? facts.

accordionElem — Akkordeon mit drei Zeilen

Erste Zeile geöffnet

Aufklappbare Zeilen mit Titel und WYSIWYG-Inhalt — das Standard-Element für FAQ, Wissenswertes und lange Detailtexte, die nicht sofort sichtbar sein sollen.

Für FAQ und häufige Fragen, für Detailinformationen, die den Lesefluss stören würden, und für Preis- oder Leistungslisten mit erklärendem Text.

Ob mehrere Zeilen gleichzeitig offen sein dürfen, ob die erste Zeile beim Laden geöffnet ist, ob das Symbol ein Chevron oder ein Plus ist, sowie Höhe, Farbe und Deckkraft der Trennlinien.

Reiner Fließtext ohne Aufklappen gehört in @textarea, Icon-Text-Spalten in textColumns, Bild-Text-Blöcke nebeneinander in twoColumnImageWithText.

ratings — Bewertungen mit Sternen

variant-1, drei Einträge

Testimonial-Karten mit Foto, Name, Ort, Zitat und einer Sterne-Bewertung. Skala, Schrittweite, Symbol und ob zusätzlich der Zahlenwert erscheint, sind Einstellungen.

Für Kennzahlen ohne Person ist facts gedacht, für Team-Karten imageWithTextEntries.

Portraitplatzhalter 1
Beispiel Musterfrau Kitzbühel

Die Sterne-Skala ist grafisch und kann zusätzlich als Zahl ausgegeben werden. Der Beispieltext steht hier stellvertretend für ein echtes Zitat.

4.8 / 5
Portraitplatzhalter 2
Beispiel Mustermann Kössen

Je Karte sind Foto, Name und Ort optional — fehlt das Foto, rückt der Text auf.

5 / 5
Portraitplatzhalter 3
Beispiel Musterhof Wörgl

Mit variant-2 ordnet das Element Person, Zitat und Sterne anders an; der Inhalt bleibt unverändert.

4.2 / 5

backButton — Zurück-Navigation

Das Element darunter

Der backButton ist eine eigene Sektion mit genau einem Button. Sein Ziel bestimmt eine Fallback-Kette: Browser-Zurück, wenn aktiviert; sonst ein manuell gewählter Link; sonst die Seite, unter der die aktuelle Seite hängt; sonst die Startseite.

Weil alle Katalogseiten auf der obersten Ebene liegen, gibt es hier keine übergeordnete Seite, auf die der Automatismus zeigen könnte — deshalb ist als Ziel ausdrücklich die Startseite hinterlegt.

Für einen normalen Handlungs-Button innerhalb eines Textblocks braucht es kein eigenes Element: jedes Element mit Überschriften bringt bereits einen Primär- und einen Sekundärlink mit.