Zum Inhalt springen

Einrückungen und Rahmen mit speziellen TypoScript Konfiguration versehen

Erstellt am 17. März 2014 · 3 Antworten · letzte Antwort am 18. März 2014

Tags: Inhaltselemente, Bilder, TYPO3 6, Frage

martinibianco007 ·

Das Backend Feld Einrückungen und Rahmen kann benützt werden um
Klassen zu vergeben mit welchen man mit css das styling beeinflussen kann.

Ist es möglich für eine solche Klasse spezielle TS Cofings zu definieren?
Ich möchte die Selectbox dann so verwenden wie TS-Conditions
D.h. wenn im Backend bei Einrückungen und Rahmen img-quadratisch gewählt ist
sollten die imgs width:150c-0 und height:150c-0 gecroppt werden.
Ist das möglich?

so wird die entsprechende Klasse hinzugefügt aber wie verknüpfe ich das dann mit dem bildcropping?

tt_content.stdWrap.innerWrap.cObject.default.20.50 = CASE
tt_content.stdWrap.innerWrap.cObject.default.20.50 {
  key.field = section_frame
  110 = TEXT
  110.value = csc-grey
  120 = TEXT
  120.value = img-quadratisch
  130 = TEXT
  130.value = img-2zu3
}
Julian.​Hofmann ·

Die Verknüpfung ist sehr ähnlich, auch wieder mit einem CASE-Objekt.
Wichtig ist, dass die Stelle, ob Du es einsetzt, stdWrap-Eigenschaften hat und somit überhaupt das CASE-Objekt ausgewertet wird (und nicht als String "CASE" übernommen wird). Dann wäre es (vereinfacht) ein:

image.file.width.cObject = CASE
image.file.width.cObject {
  key.field = section_frame
  120 = TEXT
  120.value = 150c
}
image.file.height.cObject = CASE
image.file.height.cObject {
  key.field = section_frame
  120 = TEXT
  120.value = 150c
}
martinibianco007 ·

müssten dann nicht mit folgendem code
alle bilder mit section_frame quadratisch (105)
auf breite 100 zugeschnitten werden?

#Feld Section Frame in DIV Container von CE wrappen
tt_content.stdWrap.innerWrap.cObject.default.20.50 = CASE
tt_content.stdWrap.innerWrap.cObject.default.20.50 {
  key.field = section_frame
  105 = TEXT
  105.value = quadratisch
}


tt_content.image.file.width.cObject = CASE
tt_content.image.file.width.cObject {
  key.field = section_frame
  105 = TEXT
  105.value = 100c
}
martinibianco007 · · Beste Antwort

funktioniert wunderbar mit folgendem code

tt_content.image.20.maxW.cObject = CASE
tt_content.image.20.maxW.cObject {
  key.field = section_frame
  105 = TEXT
  105.value = 200
}
tt_content.image.20.maxH.cObject = CASE
tt_content.image.20.maxH.cObject {
  key.field = section_frame
  105 = TEXT
  105.value = 200
}
tt_content.image.20.1.file.width.cObject = CASE
tt_content.image.20.1.file.width.cObject {
  key.field = section_frame
  105 = TEXT
  105.value = 100c-0
}
tt_content.image.20.1.file.height.cObject = CASE
tt_content.image.20.1.file.height.cObject {
  key.field = section_frame
  105 = TEXT
  105.value = 100c-0
}