Gridelements-Typoscript direkt nach fluid_styled_content einbinden ohne w/DataProcessing
setup.ts:
[userFunc = TYPO3\CMS\Core\Utility\ExtensionManagementUtility::isLoaded('gridelements')]
<INCLUDE_TYPOSCRIPT: source="FILE:EXT:gridelements/Configuration/TypoScript/setup.typoscript">
[global]
tt_content.gridelements_pi1 =< lib.contentElement
tt_content.gridelements_pi1 {
templateName = Generic
variables {
content =< tt_content.gridelements_view
}
}
tt_content {
gridelements_pi1 = COA
gridelements_pi1 {
20 {
10 {
setup {
zweispaltig < lib.gridelements.defaultGridSetup
zweispaltig {
cObject = FLUIDTEMPLATE
cObject {
file = EXT:pnbase/Resources/Private/Templates/gridelements/Zweispaltig.html
}
}
dreispaltig < lib.gridelements.defaultGridSetup
dreispaltig {
cObject = FLUIDTEMPLATE
cObject {
file = EXT:pnbase/Resources/Private/Templates/gridelements/Dreispaltig.html
}
}
vierspaltig < lib.gridelements.defaultGridSetup
vierspaltig {
cObject = FLUIDTEMPLATE
cObject {
file = EXT:pnbase/Resources/Private/Templates/gridelements/Vierspaltig.html
}
}
}
}
}
}
}
tt_content.gridelements_view < tt_content.gridelements_pi1tsconfig.ts:
tx_gridelements {
setup {
zweispaltig {
title = Zweispaltig
description = Zweispaltiger Inhalt
config {
colCount = 2
rowCount = 1
rows {
1 {
columns {
1 {
name = Links
colPos = 11
}
2 {
name = Rechts
colPos = 12
}
}
}
}
}
}
dreispaltig {
title = Dreispaltig
description = Dreispaltiger Inhalt
config {
colCount = 3
rowCount = 1
rows {
1 {
columns {
1 {
name = Links
colPos = 11
}
2 {
name = Mitte
colPos = 13
}
3 {
name = Rechts
colPos = 12
}
}
}
}
}
}
vierspaltig {
title = Vierspaltig
description = Vierspaltiger Inhalt
config {
colCount = 3
rowCount = 1
rows {
1 {
columns {
1 {
name = Links
colPos = 11
}
2 {
name = Mitte links
colPos = 13
}
3 {
name = Mitte rechts
colPos = 14
}
4 {
name = Rechts
colPos = 12
}
}
}
}
}
}
}
}Zweispaltig.html:
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
<div class="grid-parent row">
<div class="grid-zweispaltig-left col-sm-6">
<f:format.raw>{data.tx_gridelements_view_columns.11}</f:format.raw>
</div>
<div class="grid-zweispaltig-right col-sm-6">
<f:format.raw>{data.tx_gridelements_view_columns.12}</f:format.raw>
</div>
</div>
</html>