ModX Tutorial

Changing the net, one site at a time…

Suche implementieren
www-iconwarning-icon
1. AjaxSearch implementieren:  
 
Man setzt den Snippet-Call [ !AjaxSearch! ] innerhalb des Dokuments in einen Div-Tag oder in einen td-Tag und speichert das Dokument.
   
2. Seiteneinstellungen vornehmen
   
 seiteneinstelllungen-ajax-search Unter dem Tab "Seiteneinstellungen" nehmen wir nun verschiedene Modifikationen vor:

Wir aktivieren zuerst die Optionen "Veröffentlicht".

Nun deaktivieren wir die Option "Rich Text", da unsere Seite einen Snippet-Call enthält.

Zum Schluss muss noch die Option "Durchsuchbar" aktiviert werden.

   
3. Speichern und Suche aufrufen
   
speichernJezt speichern wir die Änderungen und rufen die Seite "Suche" im Manager in der Vorschau auf.
 

ajax-suche
 

Den Prompt für den Suchtext und für die Beschriftung des Buttons kann man in den Einstellungen des Snippets ändern.

   
AjaxSearch im Template implementieren:
 
Das Implementieren der Ajax-Suche in einem Template funktioniert genauso, wie oben beschrieben.

Die Suchfunktion erscheint dann an einer bestimmten Stelle (Header oder Sidebar) auf allen Dokumenten.

Ein kleiner Nachteil dieser Methode ist es, dass das Suchmenü, welches aufgeht, sämtlichen Content nach unten drückt. Vermieden werden kann das, indem man die Suchfunktion in einen Div mit hohem Z-Wert einbaut, so dass der Div dann über allen anderen Divs im Vordergrund bleibt.

Alternativ ist es möglich, das Standard-Template der Seite zu duplizieren und die AjaxSearch im Content-bereich des Templates zu platzieren. Dieses Template müsste nun umbenannt werden und müsste der Seite, die die Suchfunktion beinhalten soll, zugewiesen werden.