call Kontakt
tooltip TYPO3-Extension von WACON

Tooltip-Extension

Komplexe Inhalte verständlich zu machen, ist eine Herausforderung – besonders bei Fachbegriffen, Abkürzungen oder unternehmensspezifischen Bezeichnungen, die immer wieder auftauchen. Unsere eigens entwickelte und im TER veröffentlichte TYPO3-Extension "tooltip" löst genau dieses Problem: Sie ergänzt Inhalte automatisch mit erklärenden Tooltips, ohne dass Redakteure ständig Erläuterungen manuell einfügen müssen.

history Letzte Änderung: 21.08.2026

Darstellung des Tooltipps im Frontend
So sieht der Tooltipp im Frontend aus

Wie funktioniert's?

Redakteure pflegen eine zentrale Liste mit Fachbegriffen und den passenden Erläuterungen im TYPO3-Backend. Taucht einer dieser Begriffe im Fließtext eines Inhaltselements auf, erkennt die Extension ihn automatisch, hebt ihn optisch hervor (gepunktet unterstrichen) und blendet beim Mouseover – bzw. bei einem Klick auf Mobilgeräten – die passende Erklärung als Tooltip ein. Technisch wird die Erläuterung als title-Attribut im HTML ausgegeben, es ist also kein zusätzliches JavaScript für die reine Anzeige nötig.

devices

Die automatische Ersetzung ist bewusst auf Fließtext in <li>- und <p>-Elementen begrenzt, damit Überschriften und andere Layoutbereiche nicht gestört werden.

thumb_up Nutzen

Vorteile für Redakteure und Besucher

  • edit_note

    Kein wiederholtes Erklären: Fachbegriffe müssen nicht in jedem einzelnen Text erneut erläutert werden.

  • checklist

    Einheitliche Begriffe: Erläuterungen werden zentral gepflegt und erscheinen auf der ganzen Website konsistent.

  • tune

    Volle redaktionelle Kontrolle: Begriffe und Erklärungen lassen sich jederzeit zentral an einer Stelle anpassen.

  • devices

    Für alle Geräte optimiert: Auf Mobilgeräten erscheint der Tooltip per Klick statt per Hover, so bleibt die Bedienung auch auf Touch-Geräten nachvollziehbar.

  • accessibility_new

    Beitrag zur Barrierefreiheit: Kurze, kontextbezogene Erklärungen helfen Menschen mit kognitiven Einschränkungen oder ohne Fachwissen, ohne den Lesefluss zu stören.

  • extension

    Technisch schlank: Leicht konfigurierbar, kompatibel mit allen gängigen Inhaltselementen und frontendseitig performant.

Installation

Die Einrichtung ist in wenigen Schritten erledigt.

  1. Extension per Composer installieren: composer require wacon/tooltip

  2. Datenbank aktualisieren und den Systemcache leeren.

  3. Einen Storage-Ordner anlegen, in dem alle Tooltip-Datensätze abgelegt werden.

  4. Statisches TypoScript der Extension einbinden und die Storage-PID des Ordners in den Extension-Einstellungen unter "Tooltip" hinterlegen.

  5. Tooltip-Datensätze anlegen – jeweils mit einer ID (dem Text-String, der im Fließtext ersetzt wird), dem sichtbaren Begriff und einer kurzen Erläuterung.

Interesse an der Tooltip-Extension für Ihre TYPO3-Website?

Wir installieren und konfigurieren die Extension für Sie oder entwickeln individuelle TYPO3-Erweiterungen nach Ihren Anforderungen.

chat Kostenlose Beratung