Testimonials für YOOtheme Pro

TESTIMONIALS ist ein Builder-Element für YOOtheme Pro auf Joomla 5 und 6, das Kundenstimmen in Bewegung bringt. Du ziehst es in eine Zeile, legst deine Einträge an und wählst eines von zwei Layouts: ein endloses Laufband oder eine Slideshow, die eine Stimme nach der anderen zeigt. Dazu kommt ein zweites Element, das einzelne Testimonial für sich - es lässt sich auch außerhalb des Laufbands in jede Spalte setzen. 77 Einstellungen stehen bereit, dazu ein Feld für eigenes CSS. Stylesheet und Skript laden nur auf Seiten, auf denen das Element steht.

Marquee: Bahnen, Richtung, Tempo

Das Laufband läuft horizontal in Zeilen oder vertikal in Spalten, in einer bis vier Bahnen. Deine Einträge werden reihum verteilt, jede zweite Bahn kann in die Gegenrichtung laufen. Das Tempo gibst du in Pixeln pro Sekunde an, zwischen 5 und 400 - es bleibt gleich, egal wie viele Einträge eine Bahn enthält. Dazu stellst du Abstand, Elementbreite, Bahnhöhe und eine weiche Ausblendung an den Rändern ein. Das Skript füllt jede Bahn selbst so weit auf, dass keine Lücke entsteht, und passt sich beim Verändern der Fenstergröße neu an.

Showcase: eine Stimme nach der anderen

Das zweite Layout zeigt ein Testimonial groß, mit übergroßer Positionsziffer im Hintergrund, die der Maus folgen kann, und einer gedrehten Beschriftung am linken Rand. Der Fortschritt lässt sich senkrecht neben die Beschriftung oder waagerecht über beziehungsweise unter die Slideshow legen. Fünf Übergänge stehen zur Wahl, das Intervall reicht von einer bis dreißig Sekunden, und unter der Slideshow läuft auf Wunsch eine blasse Zeile mit allen Firmennamen. Das Zitat baut sich Wort für Wort auf, sobald eine neue Stimme erscheint.

Was in einem Eintrag steckt

Je Testimonial pflegst du Bild, Avatar, Namen, eine Meta-Zeile für Position oder Handle, die Firma, das Zitat, eine Bewertung von null bis fünf Sternen, ein Datum und einen Link. Jedes dieser Felder lässt sich an eine dynamische Quelle binden, etwa an Joomla-Artikel oder Custom Fields. Wie die Teile angeordnet sind, entscheidest du einmal am Testimonials-Element: Autorenblock über oder unter dem Zitat, Firma als Badge oben, unten oder als Zeile im Autorenblock, Sterne über oder unter dem Text, Avatar neben oder über dem Namen. Fehlt ein Avatarbild, tritt ein gleich großer Kreis mit den Initialen an seine Stelle, damit alle Karten bündig bleiben.

Referenzslider statt Zitate

Jeder Eintrag nimmt ein Bild auf, das über oder unter dem Text sitzt und sich auf eine gemeinsame Höhe zuschneiden lässt - mit Fokuspunkt für den Ausschnitt. Lässt du Namen und Zitat weg, wird aus demselben Element ein Referenz- oder Logoslider. Innerhalb einer Karte läuft das Bild randlos als Kartenmedium bis an die Kanten. Weil der Container beliebige Builder-Elemente aufnimmt, kannst du auch Bilder, Texte oder Buttons aus YOOtheme direkt in die Bahn ziehen; auf Wunsch bekommt jedes davon dieselbe Karte wie die Testimonials.

Karten und Farben

Kartenstil, Kartengröße und Hover-Effekt legst du einmal für alle Einträge fest, die Farbe darf jedes Testimonial für sich überschreiben - mit den bekannten Stilen deines Themes. 17 Farbfelder decken Name, Zitat, Meta-Zeile, Datum, Firmen-Badge samt Hintergrund und Rahmen, Initialen-Kreis, Akzent, gefüllte und leere Sterne, die Ziffer im Showcase und den Pause-Button in allen Zuständen ab. Leer gelassen erbt jedes Feld die Farbe deiner Karte oder deines Abschnitts, sodass das Element ohne eine einzige Einstellung zum Theme passt.

Barrierefreiheit nach BFSG

Bewegte Inhalte sind einer der Punkte, an denen eine Prüfung nach Barrierefreiheitsstärkungsgesetz (BFSG) und EN 301 549 ansetzt. WCAG 2.2.2 verlangt für Bewegung, die länger als fünf Sekunden läuft, einen Bedienmechanismus zum Anhalten: Das Element bringt dafür einen sichtbaren Pause-Button mit aria-pressed mit, wahlweise in einer der vier Ecken. Zusätzlich hält die Bewegung bei Mauskontakt und bei Tastaturfokus in einer Bahn an. Wer reduzierte Bewegung eingestellt hat, sieht eine ruhige Liste ohne Animation und ohne Autoplay. Die Kopien, mit denen das Laufband endlos wirkt, sind für Screenreader ausgeblendet und nicht anspringbar, jede Bewertung wird als Text vorgelesen, und das Element kann als benannter Bereich in der Landmark-Struktur erscheinen.