Hallo liebe Foristit
im folgenden Fluid-Template rendere ich die Unterseiten als "Menü" im Bootstrap-Card Design. Ich würde gerne das jeweilige Bild, das als Refernz unter Seiteneigenschaften/Ressourcen hochgeladen wird im jeweiligen Card-Element anzeigenlassen. Wie geht das, wer kann mir hier helfen. Schon vielen Dank vorab.
[code]
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
<f:layout name="Default" />
<f:section name="Main">
<f:if condition="{menu}">
<f:if condition="{data.layout}==3">
<f:for each="{menu}" as="page" iteration="iterator">
<f:if condition="{iterator.isFirst}">
<div class="row">
</f:if>
<f:if condition="{iterator.cycle} % 3">
<div class="col-md-4 mb-3">
<div class="card h-100 mb-2">
<!-- Card Image -->
<div class="headerimage">
<!-- hier soll Bild aus Seiteneigenschaft Unterseite gerendert werden -->
</div>
<!-- Card Header -->
<f:if condition="{data.header}">
<h4 class="card-header">{page.title}</h4>
</f:if>
<!-- Card Body -->
<div class="card-body">
{page.data.description}
</div>
<!-- Card Footer -->
<div class="card-footer">
<a class="btn btn-primary" href="{page.link}">{page.title}</a>
</div>
</div>
</div>
</f:if>
<f:if condition="{iterator.isLast}">
</div class="row">
</f:if>
</f:for>
</f:if>
<f:if condition="{data.layout}==0">
<f:then>
<ul>
<f:for each="{menu}" as="page">
<li class="submenu-ledagentur">
<a href="{page.link}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{page.title}">
<span>{page.title}</span>
</a>
</li>
</f:for>
</ul>
</f:then>
</f:if>
</f:if>
</f:section>
</html>
[/code]
thowe
<think happy thoughts>
