Card Template no header here // Card image overlay on mobile only - Card.html if ( $('.img-overlay').length ) { if ( $(window).width() < {winWidth} ) { $('.card .img-overlay').each(function() { $(this).addClass( "card-img-overlay d-flex align-items-end" ); }); } } Card Header
{card.header.text -> f:format.raw()}
Card Title (top)
Card Image (top) Card Text (top) Card List Card Text (bottom) Card Image (bottom)
Card Title (default)
{card.text.top -> f:format.crop(maxCharacters: '{card.cropMaxCharacters}', respectWordBoundaries:'1') -> f:format.html()} {card.text.top -> f:format.html()} {card.text.bottom -> f:format.crop(maxCharacters: '{card.cropMaxCharacters}', respectWordBoundaries:'1') -> f:format.html()} {card.text.bottom -> f:format.html()}
{card.text.bottom -> f:format.crop(maxCharacters: '{card.cropMaxCharacters}', respectWordBoundaries:'1') -> f:format.html()} {card.text.bottom -> f:format.html()}
{card.button.text -> f:format.raw()} {f:translate(key: 'LLL:EXT:t3sbootstrap/Resources/Private/Language/locallang.xlf:more')}