<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
      data-namespace-typo3-fluid="true">

<div style="padding: 10px; border: 1px solid #ccc;">
    <strong>Image + Text Section</strong>
    <f:if condition="{data.section_layout}">
        <br />Layout: <f:if condition="{data.section_layout} == 'image_right'">Image right</f:if><f:if condition="{data.section_layout} != 'image_right'">Image left</f:if>
    </f:if>
    <f:if condition="{data.section_headline}">
        <br />Headline: {data.section_headline -> f:format.crop(maxCharacters: 40)}
    </f:if>
    <f:if condition="{data.section_subheadline}">
        <br />Subheadline: {data.section_subheadline -> f:format.crop(maxCharacters: 30)}
    </f:if>
</div>

</html>
