wir haben für die TYPO3 8.7 Version eine neue IndexedSearch Autocomplete erstellt:
https://extensions.typo3.org/extension/indexed_search_autocomplete/
Indexed Search AutoComplete
Hallo zusammen,
nach längerer Zeit ein Update zu unserer Extension: Indexed Search Autocomplete ist inzwischen bei Version 14.0.2 angekommen und läuft auf TYPO3 13.4 LTS und TYPO3 14 – aus einer gemeinsamen Codebasis, mit PHP 8.2+.
Die Extension erweitert das Suchformular der Core-Extension indexed_search um Vorschläge während der Eingabe.
Zwei Modi
- Wort-Vorschläge: passende Wörter aus dem Suchindex – ein Klick oder Enter übernimmt das Wort (optional mit direktem Absenden der Suche)
- Link-Vorschläge: direkt die passenden Seiten mit Titel und kurzer Beschreibung, sortiert nach Relevanz
Was in den letzten Versionen dazugekommen ist
- Barrierefrei: Das Suchfeld ist eine WAI-ARIA-Combobox – Screenreader kündigen die Vorschlagsliste und den aktiven Eintrag an, Bedienung per Pfeiltasten und Enter
- Lade-Anzeige direkt im Suchfeld (schlanker CSS-Spinner, Position per CSS-Variablen anpassbar)
- Kein Flackern beim Weitertippen, veraltete Anfragen werden abgebrochen
- Mehrere Suchfelder auf einer Seite funktionieren unabhängig voneinander
- Rechte und Sprache werden beachtet: Es erscheinen nur Vorschläge aus Seiten, die der Besucher auch sehen darf (fe_group), in der aktuellen Sprache
- Ohne Abhängigkeiten: reines JavaScript, kein jQuery, kein Build-Schritt
- Bewusst schlankes CSS, damit es sich leicht ans eigene Design anpassen lässt
Installation
composer require id/indexed-search-autocomplete
oder über das TER. Danach im Suchformular eine CSS-Klasse am Eingabefeld ergänzen und einen kleinen Container für die Vorschläge einfügen – die Schritte stehen in der README.
Tipp: Für die Wort-Vorschläge muss in indexed_search die Option „Use MySQL specific fulltext search“ deaktiviert sein.
Demo
- TYPO3 13: https://t13.baukasten-typo3.de/
- TYPO3 14: https://t14.baukasten-typo3.de/
Links
- TER: https://extensions.typo3.org/extension/indexed_search_autocomplete
- Packagist: https://packagist.org/packages/id/indexed-search-autocomplete
- GitHub (Doku, Issues): https://github.com/ingeniumdesign/indexed_search_autocomplete
Über Feedback, Fehlermeldungen und Wünsche freuen wir uns – gerne hier im Thread oder direkt als Issue auf GitHub.
Viele Grüße
Sebastian