Zum Inhalt springen

Searchbox Zuordnung von Class-Parametern

Erstellt am 29. Januar 2008 · 5 Antworten · letzte Antwort am 4. Februar 2008

Tags: Suche, Frage

caosweb ·

Hallo,
ich nutzte folgenden Marker in meinem Template um ein Suchformular einzubinden.
Funktioniert auch wunderbar.

Nun möchte ich den Tags Submit und Inputfeld jeweils eine eigene CSS-Klasse zuweisen. Ich habe es schon mit Addparams probiert - funktionniert aber nicht.

Danke für eure Hilfe!

# Suchformular einbinden
SEARCH < tt_content.search.30
SEARCH {
target = _self
redirect = 6
badMess = Bitte geben Sie ein Suchwort ein!
layout = ###FIELD###
stdWrap.wrap = <div class="suchen"> | </div>
dataArray.10 {
label = Suchen:
type = *sword = input, 15, 30
}
dataArray.20 {
valueArray >
type = scols = hidden
value = pages.title-subtitle-keywords-description:tt_content.header-bodytext-imagecaption
}
image = IMAGE
image.file = fileadmin/templates/images/search.jpg
image.file.width = 31
image.file.height = 17
}

So kann ich mir die HTML Ausgabe dann vorstellen:

<!--  Search form inserted: [begin] -->
<div class="suchen">
<input class="suchfeld" type="text" name="sword" size="15" maxlength="30" value="" />
<input class="suchbild" type="image" name="submit" src="fileadmin/templates/seedata-gmbh/images/search.jpg" alt="" title="" />
</div>
<!--  Search form inserted: [end] -->
caosweb ·

Da ich mir gerade eine Template-Vorlage für mehrere Seiten bastle, möchte ich aber kein Plugin verwenden - sondern direkt über TS einbinden.

Dander ·

da es sich um ein suchformular handelt wäre eine Login Extension auch eher unpassend 🙂

aber trotzdem würde ich dir empfehlen mit der indexed_search zu arbeiten
Die kannst du genauso über TypoScript einbinden:

### Suche einbinden

	
	marks.SUCHE = COA_INT
	marks.SUCHE {
  		stdWrap.prefixComment = 2 | lib.searchbox
		10 = TEXT
 		10.typolink.parameter = 36
		10.typolink.returnLast = url
		10.wrap =<form action="|" method="post" id="indexedsearch">
		20 = COA
		20 {
			wrap = |
			10 = TEXT
			10.data = GPvar : tx_indexedsearch |sword
			10.wrap =  <div id="div-label-search">Suche</div><div id="div-input-search"><input name="tx_indexedsearch[sword]" value="|" class="input-search" type="text" /></div>
			20 = COA
			20 {
				10 = TEXT
				10.value = <input type="hidden" name="tx_indexedsearch[sections]" value="0" />
				20 = TEXT
				20.value = <input name="tx_indexedsearch[submit_button]" value="Search" type="hidden" />

    			}
  		}
   		wrap = | </form>
	}


}

Ansonsten hilft dir das hier bestimmt weiter:
https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/ContentObjects/Index.html

Michaelh74 ·

Das sollte natürlich die macina_searchbox Ext. sein :o

Die kann man auch gut über ein HTML-Template anpassen.
Wüßte jetzt nicht, was groß gegen die Verwendung eines Plugins sprechen würde ...

Auch wenn ich bei manchen Ext. deren Daseinsberechtigung bezeifle, so macht diese Ext. durchaus Sinn und ist ja nicht zum Spaß programmiert worden. Ist halt von der Anpassung einfach flexibler als die Standard-Suchbox.

Gruß
Michael

caosweb ·

Danke für die Hilfe - habe o.a. Extension eingebaut.
Klappt wunderbar und Design passt jetzt auch.

Micha