Contao 3 Grundkurs

Suchfunktion anbieten

LinkedIn Learning kostenlos und unverbindlich testen!

Jetzt testen Alle Abonnements anzeigen
Im Kopfbereich der Seite soll ein Suchformular angeboten werden: Nach Eingabe eines Suchbegriffes wird eine Seite geöffnet, die eine Liste aller Vorkommen des Suchbegriffs über den gesamten Web-Auftritt auszugsweise abbildet.
04:40

Transkript

Ich möcht eine Suchfunktion anbieten. an dieser Stelle ein Suchformular, Suchergebnisse sollen dann auf einer separaten Seite angezeigt werden. Eine solche Seite lege ich zunächst einmal an. Also gehe ich in die Seitenstruktur, Neue Seite, die lege ich mal unterhalb der Sitemap ab. Die Seite heißt Suche, ist eine reguläre Seite. Sie soll selbst nicht durchsucht werden, und im Menü versteckt werden. Veröffentlicht werden soll sie auch, und fertig. Auf diese Seite legen wir jetzt ein Modul. Neues Modul, "Layout Suchmaschine Erweitert" Der Typ ist "Suchmaschine". Jetzt kann man hier noch einige Parameter einstellen, wichtig ist, dass ich hier angebe "Erweitertes Formular". Damit ist das Modul für die Suchergebnisse fertig konfiguriert. Und ich lege gleich ein neues Modul an, und das heißt "Layout Suchmaschine Einfach". Das wird jetzt ein einfaches Formular, also Suchmaschine wieder das Layout wird ein Einfaches Formular, und hier stelle ich jetzt die Weiterleitung ein, auf die Seite, die ich gerade angelegt habe also die Suchseite. Damit habe ich jetzt zwei Module definiert die ich jetzt noch verteilen muss. Das Modul Suchmaschine Erweitert zeigt die Suchergebnisse an, und kommt über die Artikel als Inhaltselement vom Typ Modul Neues Element, ein Modul. Welches Modul? Layout Suchmaschine Erweitert. Speichern und schließen. Unser einfaches Suchformular soll auf allen Seiten angeboten werden, das ist ein Fall für das Seitenlayout. Wir binden das wieder über die Eingebundenen Module ein, auch in die Kopfzeile. Suchmaschine Einfach. Speichern und schließen. Schauen wir uns das Ganze im Frontend an. Seite neu laden, und da haben wir unser Suchformular. Das können wir gleich mal austesten. Viel habe ich ja noch nicht an Inhalt auf unseren Sites, aber es gibt ja zumindest schon mal ein "Hallo", danach suche ich mal. Es wird auf die Seite gewechselt, und tatsächlich, es wird ein Treffer hier angezeigt, nämlich "Hallo" auf der Startseite. Damit ist funktional alles eingerichtet, es muss nur das Suchformular jetzt noch auf diese Seite gebracht werden. Und hier könnte man auch noch ein paar Abstände korrigieren etc. Damit das Stylen jetzt nicht zu lange dauert, habe ich ein bisschen vorbereitet. Zeige ich Ihnen mal im Backend. Zum einen hat das Modul Suchmaschine Einfach eine Klasse bekommen, nämlich die Klasse einfach. Der Grund ist der, wir wechseln ins Frontend, es gibt ja auf der Ergebnisseite auch nochmal dieses Suchformular, und das möchte ich jetzt nicht ansprechen, sondern nur das hier oben. Das heißt wir brauchen eine Unterscheidung. Die schaffe ich durch die zusätzliche Klasse. In den Stylesheets screen gibt es drei neue Formatdefinitionen. Das Modul selber wird absolut gesetzt und entsprechend positioniert. Der Text da drin bekommt runde Ecken. Dann habe ich noch ein Bild einer Lupe, in meinen Theme-Ordner gelegt, und hier als Hintergrundbild eingestellt, und schließlich hier, zugegeben etwas tricky, den Absende-Button ausgeblendet. Also etwas sauberer wäre es, das entsprechende Template anzupassen, dass ein solcher Button gar nicht mehr ausgeliefert wird. Wie auch immer. Schauen wir uns das jetzt mal an. So sieht dann das Suchfeld aus.

Contao 3 Grundkurs

Lernen Sie die Grundidee des Content Management Systems Contao 3 kennen und machen Sie sich mit den Möglichkeiten der Inhaltsdarstellung bis hin zum komplexen Webauftritt vertraut.

6 Std. 34 min (102 Videos)
Derzeit sind keine Feedbacks vorhanden...
 

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!