MacBook Banner 728x90
< Texte aus Extensions Anpassen, Internationalisierung mit locallang

Maximale Bildbreite von TYPO3 Inhaltselementen (tt_content)

18.09.2009
Lina Wolf

Je nach Design der Webseite möchte man verhindern, dass durch die Redakteure eingefügte Bilder eine bestimmte Größe überschreiten. Standardmäßig sind hierfür maximal 600 Pixel Bildbreite eingestellt.

Möchte man einen höheren oder niedrigeren Wert für die Maximale Bildbreite angeben, so kann man dies auf den Konstanten im TypoScript-Template der Seite einstellen:

Editieren Sie das Template ab dem die maximale Bildbreite für die Inhaltselemente Text und Text mit Bild eingestellt werden soll. Gehen Sie in den Konstanteneditor(1) und editieren Sie die Kostanten für den Content(2). Als nächstes muss die neue maximale Bildbreite eingegeben werden. Speichern nicht vergessen. Fertig.

Nachtrag:

Maximale Bildbreiten für Spalten / Bildtypen einzeln definieren

Dieser Code nach einer Idee von BastianBalthasarBux, siehe sein Kommentar unten. Vielen Dank.

Bei Webseiten die mehrere Spalten zur Eingabe der Inhaltselemente benötigen, kann es sinnvoll sein, die maximalen Bildbreiten pro Spalte einzeln zu definieren. Dadurch wird die Einstellung per Konstanten wirkungslos.

# den Originalcode kopieren, um ihn wieder einsetzen zu können.
temp.ttcontent.image < tt_content.image

# Fallunterscheidung nach Spalte, zu der das Inhaltselemnt gehört
tt_content.image = CASE
tt_content.image {
  key.field=colPos
  # default (Mittlere Spalte und alle nicht aufgeführten)
  default < temp.ttcontent.image
  # Maximale Bildbreite, normaler Fall in Pixeln
  default.20.maxW = 490
  # Maximale Bildbreite bei Text im Bild einstellen
  default.20.maxWInText = 200
  # Linke Spalte Bildbreite wie default
  1 < .default
  # Rechte Spalte
  2 < .default
  2.20.maxW = 180
  2. 20.maxWInText = 100
  3 < .default
  # Rand Spalte
  4 < .default
}

# Analog für Text mit Bild
temp.ttcontent.textpic < tt_content.textpic.20
tt_content.textpic.20 = CASE
tt_content.textpic.20 {
  key.field=colPos
  default < temp.ttcontent.textpic
  default.maxW = 490
  default.maxWInText = 200
  1 < .default
  2 < .default
  2.20.maxW = 180
  2. 20.maxWInText = 100  
  3 < .default
  4 < .default

 

Maximale Bildbreite einstellen TYPO3
Maximale Bildbreite einstellen TYPO3

Ganz toll kann man das übrigens auch mit etwas mehr TypoScript Spaltenweise erledigen

Gravatar: BastianBalthasarBux Ganz toll kann man das übrigens auch mit etwas mehr TypoScript Spaltenweise erledigen
Hier mein Beispiel-Codeschnipsel dazu:<br />
<br />
###Schnipp<br />
<br />
temp.ttcontent.image < tt_content.image<br />
tt_content.image = CASE<br />
tt_content.image {<br />
key.field=colPos<br />
1 < temp.ttcontent.image<br />
2 < temp.ttcontent.image<br />
3 < temp.ttcontent.image<br />
4 < temp.ttcontent.image<br />
default < temp.ttcontent.image<br />
}<br />
tt_content.image {<br />
default.20.maxW = 490<br />
1.20.maxW = 174<br />
2.20.maxW = 174<br />
3.20.maxW = 174<br />
4.20.maxW = 174<br />
default.20.maxWInText = 200<br />
1.20.maxWInText = 174<br />
2.20.maxWInText = 174<br />
3.20.maxWInText = 174<br />
4.20.maxWInText = 174<br />
}<br />
temp.ttcontent.textpic < tt_content.textpic.20<br />
tt_content.textpic.20 = CASE<br />
tt_content.textpic.20 {<br />
key.field=colPos<br />
1 < temp.ttcontent.textpic<br />
2 < temp.ttcontent.textpic<br />
3 < temp.ttcontent.textpic<br />
4 < temp.ttcontent.textpic<br />
default < temp.ttcontent.textpic<br />
}<br />
tt_content.textpic.20 {<br />
default.maxW = 490<br />
1.maxW = 174<br />
2.maxW = 174<br />
3.maxW = 174<br />
4.maxW = 174<br />
default.maxWInText = 200<br />
1.maxWInText = 174<br />
2.maxWInText = 174<br />
3.maxWInText = 174<br />
4.maxWInText = 174<br />
}<br />
<br />
###Schnapp<br />
<br />
Dieses Codeschnipsel macht die Contants obsolet und es gehört selbst ins Typo3Script-SETUP!<br />
<br />
<br />
Viel Spaß!

Vielen Dank für den Max. Bildbreiten Code

Gravatar: Lina Ourima Vielen Dank für den Max. Bildbreiten Code
Ich habe Ihn etwas umformatiert und kommentiert und oben mit in den Artikel übernommen.

da muss wohl ein fehler drin sein

Gravatar: Thomas da muss wohl ein fehler drin sein
Hi!der erste teil mit dem image-element geht wunderbar, aber der teil mit textpic geht nicht. gibts da noch ein update, ich komm nicht drauf warum nicht.

Kommentar hinzufügen

* - Pflichtfeld

*




*