Frontendlayouts

Add Frontendlayouts to your TYPO3 distribution.

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>