TYPO3 für Anwender: Einstieg in TYPO3 [Tag 14]: Admin-Panel + Suche [Indexed Search]

Heute befassen wir uns mit zwei weiteren Einstellungen - dem «Admin Panel» und der «Indexed Search».

Admin-Panel

Mit dem Admin Panel kann der User im Frontend die Seiten direkt bearbeiten. Der Admin Panel zeigt sich im Frontend auf dem unteren linken Seitenrand und bieten den direkten Zugriff auf die Seiteninhaltselemente der angezeigten Seite.

So installiert man den Admin-Panel:

1.) Im Setup-Template der HOME-Seite das folgende TypoScript an den Anfang einsetzen:

config.admPanel = 1

2.) Überprüfen, dass im Erweiterungsmanager der "Frontend Editor" aktiviert ist. Falls nicht: aktivieren + speichern + Cache leeren + Seite neu laden (F5)

* * * * * * * * * * * * * * * * * * * *

Einbinden der «Suche» - Funktion

►Suche-Funktion in den Content einer bestimmten Seite einbetten:

1.) Eine neue Seite «Suche» unterhalb der HOME-Seite in die Seitenbaumstruktur erstellen.

2.) Erweiterungsmanager öffnen und unter «Erweiterungen hinzufügen" nach dem Stichwort indexed_search suchen
Tipp: Evtl. schon im Erweiterungsmanager vorhanden. In dem Fall unter "Erweiterungen bearbeiten" suchen und aktivieren.

3.) Template/HOME Setup bearbeiten. Hier an den Anfang des TypoScripts - unterhalb des Scripts zum Admin-Panel - folgenden Befehl einsetzen:

config.admPanel = 1

page.config.index_enable = 1

speichern + schließen + Cache leeren

-> Auch in Template +ext config schreiben

4.) Neues PlugIn als Seiteninhaltselement in den Content der Seite «Suche» erstellen:

"Allgemeines PlugIn"
Reiter «PlugIn» öffnen
Indexsuche auswählen:

speichern + schließen + Cache leeren

Die Suche-Funktion ist jetzt unter der Seite «Suche» im Frontend verfügbar.

►Suche-Funktion auf jede Seite sichtbar einbetten (unter Sidebar):

1.) Template/TS/Neues Template erstellen

2.) Betiteln als «+ext SUCHEN» - speichern

3.) Setup des neu erstellten Templates schreiben:

lib.suchen = TEXT
lib.suchen.value (
  <form action="index.php?id=22" method="POST">
  <input type="text" name="tx_indexedsearch[sword]" />
  <input type="submit" value="Suchen" />
  </form>
)

Hinweise zum TypoScript:

Die Such-Funktion wird über ein Formular in HTML definiert
Value-Werte erfordern IMMER die runden Klammern! ( )
Niemal die geschwungenen Klammern verwenden! ~~{ }~~
index.php?id=22
Das PHP ist verantwortlich für die Ergebnisse; die id=22 bezieht sich auf die ID der Seite, in der die Suchergebnisse angezeigt werden (hier: id=22)
method="POST" bedeutet, dass eine sichere Suche angezeigt wird
name="tx_indexedsearch[sword]" wird von TypoScript vorgegeben. Dies definiert das Eingabefeld.

4.) « lib.suchen » in das Setup der HOME-Seite einbinden:

page.10.marks.SEARCH < lib.suchen

speichern + schließen

5.) Den entsprechenden Marker in die Index.html einbinden:

Wichtig: Den Marker an oberste Stelle setzen, damit die Suche an die oberste Stelle der Sidebar angezeigt wird!

6.) speichern + schließen + Cache im Backend leeren

7.) Ansicht neu starten - Suche-Funktion ist erfolgreich in die Sidebar jeder Seite eingebunden!