Hallo zusammen!
Wenn ich die einfache Suchfunktion, die bei Typo3 mitgeliefert wird, in meine Seite integriere, dann wird der "Suchen"-Button unterhalb des Suchfeldes angezeigt. Da dieses Suchfeld zusätzlich in einer Leiste bei dem Platzhalter ###SUCHE### angezeigt werden soll, möchte ich den "Suchen" Button hinter das Eingabefeld positionieren. Wie kann ich das mit TypoScript realisieren, bzw. in welchem wohl dafür existierendem Template (HTML-Seite, wie auch immer) kann ich meine Anpassungen vornehmen??
Mein bisheriger TypoScript Code sieht folgendermaßen aus (Der genaue Ort "page.marks" etc. wurde bei den folgenden Angaben nicht berücksichtigt, da dies nur der Veranschaulichung dient):
# Das Suchformular anpassen
tt_content.search.30 {
target = _self
badMess = Bitte geben Sie einen Suchbegriff ein
dataArray.10 {
label.override = Suche:
type = *sword = input, 15, 30
}
dataArray.20 {
valueArray >
type = scols = hidden
value = pages.title-subtitle-keywords-description:tt_content.header-bodytext-imagecaption
}
#Suchbutton neu beschriften
dataArray.40.value >
dataArray.40.value.override=Los!
}
# Suchformular im Platzhalter anzeigen
SUCHE < tt_content.search.30
SUCHE {
target = _self
redirect = 22
badMess = Bitte geben Sie einen Suchbegriff ein
dataArray.10 {
label.override = Suche:
type = *sword = input, 15, 30
}
dataArray.20 {
valueArray >
type = scols = hidden
value = pages.title-subtitle-keywords-description:tt_content.header-bodytext-imagecaption
}
##Suchbutton neu beschriften
dataArray.40.value >
dataArray.40.value.override=Los!
}
Vielen Dank für Eure Hilfe!
Hallo,
ich empfehle Dir die Verwendung der indexed_search und als Suchbox / -formular die macina_searchbox. Die läßt sich sehr gut per Template entsprechend Deinen Wünschen anpassen.
Gruß
Michael
Hallo Michaelh74,
vielen Dank für Deine Antwort und die Tipps. Bei meinem nächsten TYPO3 Projekt werde ich diese mit Sicherheit berücksichtigen.
Nur hier habe ich ein fertiges TYPO3 Projekt wo nur noch dieser Missstand mit dem Positionieren des Suchen-Buttons zu beheben wäre.
Darum wäre es hilfreich, wenn mir jemand sagen könnte, wo ich dies anpassen kann.
Gruß
Der_Ritter
Olla!
Darum wäre es hilfreich, wenn mir jemand sagen könnte, wo ich dies anpassen kann.
Sollte mit CSS, Stichwort "float" zu lösen sein.
gruss, fuss
Ich hatte das schon mit CSS probiert. Das Problem ist, dass ich das zweite <tr>-Tag nicht bräuchte, sondern den "Suche" Button ebenfalls als <td> Tag innerhalb des ersten <tr> mit anhängen müsste. Ich wüsste nicht wie ich das zweite <tr> Tag explizit in CSS ansprechen sollte um dieses zu floaten. Deswegen würde ich gerne in dem zugehörigen Template dieses <tr>-Tag entfernen und den "Suche"-Button mit <td> an das Eingabefeld mit hinten anhängen. Nur weiß ich nicht, wo ich das Template für diese einfache Suche finde.
<!-- Search form inserted: [begin] -->
<table border="0" cellspacing="1" cellpadding="1" class="csc-searchform"><tr><td class="csc-form-labelcell"><p class="csc-form-label-req">Suche:</p></td><td class="csc-form-fieldcell"><input type="text" name="sword" size="20" maxlength="35" value="" /></td></tr><tr><td class="csc-form-labelcell"><p class="csc-form-label"></p></td><td class="csc-form-fieldcell"><input type="submit" name="submit" value="Los!" /></td></tr></table>
<!-- Search form inserted: [end] -->