TYPO3 7.6 – fluid_styled_content um eigene Konstanten erweitern

Die neue TYPO3 7.6 Extension fluid_styled_content ersetzt die alte css_styled_content und daher beschreibe ich Euch hier wie Ihr eigene Konstanten dort verwenden und übergeben könnt.
Schaut Euch auf jeden Fall mal im sysext Ordner die original Extension an, dort gibt es schon ein paar Constants für die Grund-Einstellungen.
Und genau da können wir unsere eigenen Konstanten mit eintragen! Wir gehen dazu in unser Root-Setup und tragen dort folgende Beispiel TYPOSCRIPT Werte ein.

In meinen Beispiel möchte ich einem neuen IMAGE – Element eigene width und height Werte via typoscript geben:
(hier die Anleitung wie Ihr das TYPO3 Element „Text & Media“ erweitert)

# tt_content Fluid Extend
lib {
  fluidContent {    
    settings {
      # neues Bild-Element
      mediaSlider {
        width = {$styles.content.mediaRawImage.width}
        height = {$styles.content.mediaRawImage.height}
      }
    }
  }
}

In Euren Root-Constants tragt Ihr dann folgende typoscript Werte ein:

styles {
  content {
    mediaRawImage {
      width = 360c
      height = 144c
    }
  }
}

Fluid_Content HTML-Template bearbeiten
(hier die Anleitung wie Ihr das TYPO3 Element „Text & Media“ erweitert)

<f:section name="media">
	<f:media
		file="{column.media}"
		width="{settings.mediaSlider.width}"
		height="{settings.mediaSlider.height}"
		alt="{column.media.alternative}"
		title="{column.media.title}"
		class="img-responsive"
	/>
</f:section>

nun könnt Ihr via typoscript die Höhe und Breite des neuen Element bearbeiten.
Natürlich könnt Ihr auch alle anderen Elemente bearbeiten und um eigenen Konstanten erweitern und um konfigurieren.