Suchen
Orientierungsquellen:
https://de.contaowiki.org/Suchfunktion_integrieren
https://www.pergamon-interactive.de/...in-contao.html
https://www.contao-cms-tutorials.de/...-suchfunktion/
https://community.contao.org/de/show...=suchfeld%20br
Individuelle Suchfunktion
Ziel: Suchfunktion im Kopf-/Header-Bereich
Contao-Version: 3.5.24
Vorgehen:
1. Ein Modul vom Typ "Suchmaschine" anlegen.
(Layout -> Themes -> Module -> Neues Modul erstellen)
Titel: Bsp."Suchfunktion"
Typ: Suchmaschine
2. Das erstellte Modul "Suchfunktion" wird in einen neuen, noch zu erstellenden, Artikel eingefügt.
(Layout -> Seitenstruktur -> Neue Seite anlegen)
Titel: "Suchen";
Nicht durchsuchen;
Experteneinstellungen: Im Menü verstecken, Seite veröffentlichen
Dann:
(Inhalte -> Artikel bearbeiten -> Neues Element)
Elementtyp: Modul -> "Suchfunktion" (wie benannt in Punkt 1) zuweisen.
3. Weiterleitungsseite auf die das Suchergebnis angezeigt werden soll für Punkt 4 erstellen.
(Layout->Seitenstruktur->Neue Seite)
Titel: Suchergebnis
Seitentyp: Reguläre Seite
Nicht durchsuchen
Im Menü verstecken
Seite veröffentlichen
Dem Artikel Suchergebnis das Modul Suchfunktion zuweisen, damit Suchergebnisse auf dieser Seite angezeigt werden können
(Inhalte -> Artikel -> Artikel Suchergebnis bearbeiten -> Neues Element)
Elementtyp: Modul
Modul: "Suchfunktion"
4. Mit dem Formulargenerator ein Formular "Sucheingabe" erstellen.
(Inhalte -> Formulargenerator -> Neues Formular)
Titel: Sucheingabe
Weiterleitungsseite: Unter Punkt 3 erstellte Seite "Suchergebnis" auswählen.
Tabellenloses Layout
Übertragungsmethode: GET
Formular-ID: tl_search (WICHTIG!)
Elemente des Formulars hinzufügen -> Neues Feld:
Feldtyp: Textfeld
Feldname: keywords (WICHTIG!)
Eingabeüberprüfung: Erweiterte alphanumerische Zeichen
Absende-Schaltfläche hinzufügen; Titel "Suchen"
4. Modul erstellen um Formular in Layoutbereichen der Seite ausgeben zu können.
(Layout->Themes->Frontend-Module bearbeiten -> Neues Modul)
Titel: "Sucheingabe"
Modultyp: Formular -> "Sucheingabe"-Formular auswählen
5. Modul Sucheingabe im Seitenlayout hinzufügen und Position (Kopfzeile etc.) zuweisen.
(Layout-> Themes -> Seitenlayouts bearbeiten->)
Modul "Sucheingabe" in gewünschten (Hier Kopfzeile) einbinden.
6. Damit Suchformular in der Ergenisseite nicht mehr angezeigt wird.
Der Suchergebnisseite (Layout->Seitenstruktur-> Bearbeiten der jeweiligen Seite-> Experten-Einstellungen-> CSS-Klasse)
ein eigenes CSS-DIV zuweisen.
Z.B. DIV-Name: suchergebnis
Anschließend kann in einer z.B. eingebundenen CSS-Datei kann das Form-Element der Ergebnisseite angesprochen und ausgeblendet werden.
#suchergebnis > .mod_search.block > form {
display: none;
}
Lesezeichen