Sie befinden sich hier

Inhalt

Autovervollständigung der Suche mit Ajax

Die Typo3-Extension "PMK Indexed Search Auto completer" (key: pmkisac) bietet dem Besucher eine automatische Vervollständigung von Suchbegriffe mit Hilfe von Ajax (Mootools) und dem Volltextindex.

pmkisac Autovervollständigung mit Ajax

Wer eine nette Zusatzfunktion für seine Typo3-Seite sucht und dabei noch den Fokus auf Mehrwert für Benutzer legt, ist mit der Extension "PMK Indexed Search Auto completer" (key: pmkisac) gut bedient. Sie bietet dem Nutzer Vorschläge für suchbare Wörter, basierend auf dessen Eingabe und dem Volltextindex. Voraussetzung ist die Verwendung der Systemextension "Indexed Search Engine" (key: indexed_search).

Technik in Kürze

Sobald der Nutzer mindestens zwei Zeichen in das Input-Feld der Suche eingegeben hat, führt die Extension via AJAX eine Datenbankabfrage auf den Volltextindex aus und liefert dem Nutzer eine Liste mit in der Datenbank vorhanden Wörtern, die er zur Suche auswählen kann.

Extensionbeschreibung auf typo3.org

Installation

  1. Im Ext Manager die Extension pmkisac suchen, herunterladen und installieren
  2. Im Template bei Include static (from extensions) "autocomplete (pmkisac)" hinzufügen
    Einbau
  3. Sicherstellen, dass das Inputfeld eine feste ID zugeordnet bekommt z.B. id="tx-indexedsearch-searchbox-sword". Hiermit ist die Standardfunktioalität verfügbar.
    Weitere Möglichkeiten zur Nutzung der "Sections" oder der Spracheinstellung können dem Manual entnommen werden.
  4. Wer keine anderen Typo3-Erweiterungen nutzt, die die Mootools Bibliothek verwenden ist hier mit dem Konfigurieren des Plugins am Ende. Falls andere installierte Extensions die Erweiterung "t3mootools" nutzen sollte die Abhängigkeiten auf Vollständigkeit prüfen und ggf. neue Funktionen hinzufügen. Das Plugin pmkisac nutzt automatisch die Bibliothek der t4mootools Extension.

Individuell kann die Extension nun über den "Constant Editor" unter "Web > Template" konfiguriert werden.

Nutzung mit anderen Suchboxen wie z.B. Macina Searchbox

Wer andere Suchboxen wie z.B. die Macina Searchbox auf seiner Website verwendet, kann das Setup der Erweiterung pmkisac mit folgendem TS anpassen, um diese zu nutzen.

lib.search = COA
lib.search.10 = USER
lib.search.10.userFunc = user_pmkisac
lib.search.10.userFunc < plugin.tx_pmkisac
# die ID des Suchbox-Input-Feldes
lib.search.10.userFunc.cssId = tx-indexedsearch-searchbox-sword

lib.search.20 < plugin.tx_macinasearchbox_pi1

CSS anpassen

Die Extension bietet die Möglichkeit ein eigenes CSS zu verwenden, das man individuell anpassen kann.
Am besten kopiert man sich das Original aus dem Pfad "/typo3conf/ext/pmkisac/res/Autocompleter.css" und passt es an. Mit folgendem TS wird die Extension zur Verwendung des eigenen CSS konfiguriert.

# Eigenes CSS verwenden
plugin.tx_pmkisac.cssFile = pfad/zu/meinem.css

Kontextspalte