Teaser Container

The rows and columns are defined as grid in the TeaserContainer Template:

<f:if condition="{data_teaser_container_content}">
    <div class="grid grid--stretch">
        <f:for each="{data_teaser_container_content}" as="teaser">
            <div class="grid__column grid__column--sm-6 grid__column--md-4 grid__column--lg-4 grid__column--xl-3">
                <f:render partial="TeaserContainer/TeaserItem" arguments="{data: teaser.data, teaser_image: teaser.teaser_image.0}"/>
            </div>
        </f:for>
    </div>
</f:if>

Developers can overwrite any ContentElement templates of the higher education package, see Overriding the FLUID templates.

Note

Corresponding Files

Styling:

EXT:higher_education_package/Resources/Private/Scss/Module/_teaserbox.scss

Templates:

EXT:higher_education_package/Resources/Private/Templates/ContentElements/TeaserContainer.html EXT:higher_education_package/Resources/Private/Partials/ContentElements/TeaserContainer/TeaserItem.html

BE Preview Template:

EXT:higher_education_package/Resources/Private/Backend/Templates/ContentElements/Teaser.html

Setup:

EXT:higher_education_package/Configuration/TypoScript/Setup/ContentElements/Teaser.typoscript EXT:higher_education_package/Configuration/TypoScript/Setup/ContentElements/TeaserContainer.typoscript

PageTS:

EXT:higher_education_package/Configuration/PageTS/ContentElements/TeaserContainer.typoscript