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>
18 Kommentare
#18 Benny schrieb am 30.04.2012 13:08

So gehts Antwort stand doch schon drunter....

 

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,8

10.label=

#Parameter in Hidden-Feldern

20 >

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 = Suche!

}

#Klassen vergeben

params {

submit = class=suchbutton

input= class=suchfeld

}

}

#17 Kevin M schrieb am 19.01.2012 01:51

Der code hat bei mir erst nicht funktoniert da fehlte ein 20 > jetzt geht es ...

 

Für alle die den " Suchen " Button als Grafik haben möchten ..

 

image = IMAGE

image.file = LINK ZUM IMAGE

image.params = alt="Klicken Sie hier um die Site zu durchsuchen."

#16 Stefan schrieb am 13.10.2011 03:35

Hat alles super funktioniert. Wie kann ich nun noch den Suchbutton durch eine Grafik ersetzen?

 

Vielen Dank

#15 Dankbarer User schrieb am 11.05.2011 11:05

no_cache = 1

ist erforderlich. Kommt automatisch mit tt_content.search.30. Aber eben nicht bei Handarbeit.

#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?

einen Kommentar schreiben
Typo3