Icon: Seitenanfang.
Seitenanfang.
Inhaber Kay Eickhoff visuelle Kommunikation: Kay Eickhoff.
Ansprechpartner und Direktkontakt: Kay Eickhoff.

Von Kay Eickhoff

+

Contao Tipps und Tricks: Suche mit Placeholder.

Contao Suche mit einem individuellen Plazhaltertext erweitern.

Platzhalter (englisch: placeholders) in Formularfeldern dienen dazu, den Benutzern eine Hinweis- oder Beispielinformation darüber zu geben, was in das jeweilige Feld eingegeben werden soll. Sie werden oft als grauer Text innerhalb des Feldes angezeigt und verschwinden, sobald der Benutzer mit der Eingabe beginnt.

Mit den folgenden Einstellungen wird das Eingabefeld der Contao Suchmaschine um einen individuellen Platzhaltertext (Placeholder) erweitert!

1) So fügst du der Suchmachine von Contao einen Placeholder hinzu:

  • Erstelle in Layout / Themes ein neues Template „.mod_search.html“ und ändere es anschließend in „.mod_search_placeholder.html“.
  • Passe das Template „.mod_search_placeholder.html“ wie folgt an:

Siehe im Template .mod_search folgende Zeile …

<input type="search" name="keywords" id="ctrl_keywords_<?= $this->uniqueId ?>" class="text" value="<?= $this->keyword ?>">

… und füge, vor dem letzten Größer-als-Zeichen, folgenden Inhalt ein: placeholder="Suche nach ..."

<input type="search" name="keywords" id="ctrl_keywords_<?= $this->uniqueId ?>" class="text" value="<?= $this->keyword ?>" placeholder="Suche nach ...">
  • Erstelle ein neues Modul vom Typ „Suchmaschine“ und gib als Titel „Suche“ ein.
  • Wähle in den Einstellungen der Suchmaschine das Modul-Template „mod_search_placeholder“ aus.
  • Erstelle anschließend einen neuen Artikel, platziere den Elementtyp „Modul“ und wähle das Modul „Suche“ aus.

2) So siehts aus!

Fazit: Contao Suche individuell angepasst!

Ein Platzhalter kann den Benutzern einen Hinweis darauf geben, welche Art von Suchbegriffen sie eingeben sollen. Zum Beispiel könnte der Platzhalter "Suchen ..." oder "Geben Sie einen Suchbegriff ein" lauten. Dadurch wissen die Benutzer, dass sie dort den Begriff eingeben sollen, nach dem sie suchen möchten.