Übersichts-Seiten aus Unterseiten

  1. Ein neues Content Element Layout definieren (siehe hier)
  2. Auf der Übersichtsseite das Element einfügen: Create new content element > Menu > Subpages (Menu of supages of selected pages). Bei "Appearance" das neue Content Element Layout unter "Layout" wählen.
  3. Dann das Fluid Styled Content Element MenuSubpages.html bearbeiten:
<f:if condition="{data.layout}==4">
  	<f:then>
    	<f:comment>Seiten-Übersicht erzeugen</f:comment>
    	<f:if condition="{menu}">
      		<div class="container">
        		<f:for each="{menu}" as="page" iteration="iteratorPage">
          			<f:if condition="{iteratorPage.isFirst}">
            			<div class="row">
              		</f:if>
            		<div class="col-4">
              			<div class="card">
                			<div class="card-body">
                  				<h3 class="card-title">{page.title}</h3>
                  				<p class="card-text">{page.data.description}</p>
                  				<a href="{page.link}" class="btn btn-primary">zur Extension</a>
                			</div>
              			</div>
					</div>
					<f:if condition="{iteratorPage.isLast}">
						<f:then>
							<f:if condition="{iteratorPage.cycle}%3">
							</f:if>
                			</div><!--/.row-->
              			</f:then>
            			<f:else>
              				<f:if condition="{iteratorPage.cycle}%3">
                				<f:then>
                				</f:then>
                				<f:else>
                  					</div><!--/.row-->
                					<div class="row">
                  				</f:else>
              				</f:if>
            			</f:else>
          			</f:if>
        		</f:for>
			</div>
		</f:if>
	</f:then>
	<f:else>
		// Normales Menü hier
  	</f:else>
</f:if>
MenuSubpages.html