Einfache Suche formatieren

Wenn man die einfache Suche von Typo3 einsetzt, möchte man gerne Einfluss auf Aussehen, Quelltext und Beschriftung nehmen. Dank Typoscript lässt sich das auch relativ einfach bewerkstelligen.

Man sollte sich die Suchform am besten mal im Template Analyzer anschauen, um den Aufbau besser zu verstehen. Die Suchbox findet man als Objekt unter

tt_content.search.30

Nachfolgend ist ein Codeschnipsel, der die Form umformatiert.

Bei den Beschriftungen muss man darauf achten, das zuerst der alte Inhalt gelöscht wird, damit es auch wirksam wird.

TypoScript
tt_content.search.30 {
    #allgemein
    accessibility=1
    formName= suchform
    #Layout
    labelWrap.wrap=|
    stdWrap.wrap = |
    layout = ###LABEL### ###FIELD###

    #weiterleiten
    target >
    redirect = 205
    
    #Formelemente anpassen
    dataArray {
        #Suchfeld
        10 >
        10.type = sword=input,10
        10.label=bitte den Suchbegriff eingeben:
        #Parameter in Hidden-Feldern
        20.type = scols=hidden
        20.value = tt_content.header-bodytext-imagecaption
        30.type = stype=hidden
        30.value = L0
        #Submit-Button
        40 >
        40.type = submit=submit
        40.value = los gehts!
    }
    #Klassen vergeben
    params {
        submit = class=suchbutton
        input= class=suchfeld 
    }
}

und so sieht das ganze aus:

Das Suchformular (umformatiert)

der erzeugte HTML-Code:
<form action="Einfache-Suche-formatieren.205.0.html?amp;no_cache=1" id="suchform" name="suchform" enctype="multipart/form-data" method="post" onsubmit="return validateForm('suchform','','','','')">
    <div style="display:none;"></div>
        <input type="hidden" name="scols" id="suchformc8a870491eb27ca69402335ac32a5388" value="Überschriften und Schlagwörter=pages.title-subtitle-keywords-description:tt_content.header,Seiteninhalt=tt_content.header-bodytext-imagecaption" />
        <input type="hidden" name="stype" id="suchform784032c295c627564519eba7f4be8156" value="L0" />
        <input type="hidden" name="locationData" value="205:tt_content:538" />
    </div>
    <label for="suchformf3b462d93b24cb0538f5d864546bc3e0">bitte den Suchbegriff eingeben:</label> 
    <input type="text" name="sword" id="suchformf3b462d93b24cb0538f5d864546bc3e0" size="10" value="" class="suchfeld" /> 
    <input type="submit" name="submit" id="suchformc79bdf421714f5087fc34b7c538b6807" value="los gehts!" class="suchbutton" />
</form>
14 Kommentare
#14 Erik schrieb am 26.11.2009 16:58

ok, it works.

20 > did it i think.

#13 Erik schrieb am 26.11.2009 16:54

hi,

 

when i copy/paste your exact code i always get the message that my search is empty.

 

Am i forgetting sth?

#12 Jakob schrieb am 06.07.2009 16:02

Hallo!

Vielleicht kann mir einer helfen. Ich finde die Erklärung logisch und habe versucht sie umzusetzen. Es ändert sich nichts. Ich habe mit nur einer kleinen Veränderung angefangen: Search Now! in Suche zu ändern.

Ich benutze folgenden Code:

 

page.10.marks.SUCHE < tt_content.search.30

page.10.marks.SUCHE.redirect= 26

page.10.marks.SUCHE.target = _top

page.10.marks.SUCHE.dataArray.10.label >

page.10.marks.SUCHE.dataArray.20.label >

page.10.marks.SUCHE.dataArray.20.valueArray >

page.10.marks.SUCHE.dataArray.20.type=scols=hidden

page.10.marks.SUCHE.dataArray.20.value = tt_content.bodytext-header-imagecaption:pages.title-subtitle-keywords

 

tt_content.search.20.layout.10.data >

tt_content.search.20.layout.10.value = Ergebnisse auf dieser Seite: ###RANGELOW### bis ###RANGEHIGH### von ###TOTAL###
 

 

tt_content.search.20.layout.20.data >

tt_content.search.20.layout.20.value = ###PREV###

tt_content.search.20.noResultObj.10.data >

tt_content.search.20.noResultObj.10.value = Kein Ergebnis gefunden!

 

tt_content.search.30.dataArray.40 >

tt_content.search.30.dataArray.40.type = submit=submit

tt_content.search.30.dataArray.40.value = Suchen

 

Wo liegt da nur der Fehler! Vielen Dank für Tipps

#11 pow schrieb am 05.03.2009 10:56

Jep,

 

20 >

 

ist die Lösung! smile

#9 Carlo schrieb am 31.12.2007 17:00

Ok,

 

das formatieren klappt wunderbar. Was muss man nun noch tun, damit man das gefunden auch angezeigt bekommt?

#10 Alaniak schrieb am 21.11.2008 14:42

Bei mir klappt das überhaupt nicht. Ich hab das TS eingefügt Label und Field angepasst, aber rescheinen tut nichts

#7 Dominik schrieb am 02.07.2007 15:57

Hallo die Beschreibung für die Suche ist super, aber leider findet meine suche nichts. Kann mir vielleicht jemand helfen?

 

Danke

#8 pete schrieb am 26.07.2007 21:31

meine suche findet auch nix !!!

warum?

#6 Dominik schrieb am 11.06.2007 18:01

was muß ich in meinem template für die action eingeben wenn bei mir die index.php genommen wird? Die ID ändert sich doch bei jeder Seite.

 

action="Einfache-Suche-formatieren.205.0.html?&no_cache=1"

 

Vielen Dank im vorraus

 

mfg Witsch

#5 Tscherming schrieb am 07.05.2007 23:10

Prima Codeschnipsel - erspart einem manchen dummen Fehler und langes Gesuche.

 

Weiß jemand vielleicht genau so schnell noch einen Trick, wie man den Button durch einen reinen Textlink ersetzt?

 

Tscherming

#4 Charly Klein schrieb am 16.03.2007 19:23

Das war eine runde Sache. Mit 20 > funktioniert die Suche einwandfrei. Danke.

#3 rothon schrieb am 06.02.2007 13:14

ich musste erst:

 

20 >

 

vor

 

20.type = scols=hidden

20.value = tt_content.header-bodytext-imagecaption

 

einfügen damit es bei mir funktioniert hat.

einen Kommentar schreiben
Typo3