TYPO3

Frontendlayouts

Mai 16, 2019

Add Frontendlayouts to your TYPO3 distribution.

Table of contents

Basic Informations
PageTS
SetupTS
Fluid/HTML

Basic Informations

You can select a Frontendlayout in the TYPO3 backend when you edit a Page. („Apperiance“ Tab)

PageTS

# Frontendlayouts 
TCEFORM.tt_content {
layout{
addItems {
100 = Background Red
101 = Background Gray
}
altLabels{
100 = Background Red
101 = Background Gray
}
}
}

SetupTS

# Frontendlayouts (Wraps)
tt_content.stdWrap.innerWrap.cObject = CASE
tt_content.stdWrap.innerWrap.cObject {
key.field = layout
100 = TEXT
100.value = <div class="red-bg">|</div>
101 = TEXT
101.value = <div class="graydark-bg">|</div>
}

Fluid/HTML

<f:if condition="{data.layout} == 101">
<f:then>
Markup für das bestimmte Frontendlayout
</f:then>
<f:else>
Standardmarkup
</f:else>
</f:if>

You may also like...