Switch positions of image gallery and teasers when none available

This commit is contained in:
Björn Fromme
2021-09-02 16:23:54 +02:00
parent 4c05459d93
commit 5136052e25
@@ -21,35 +21,44 @@
<div class="region-details region-details--ski-area" data-rte-content> <div class="region-details region-details--ski-area" data-rte-content>
{region.skiArea -> f:format.html()} {region.skiArea -> f:format.html()}
<f:if condition="{teasers}"> <f:if condition="{teasers}">
<a id="teasers" class="anchor"></a> <f:then>
<div class="splide" <a id="teasers" class="anchor"></a>
data-controller="slider" <div class="splide"
data-slider-preset-value="teasersEmbedded"> data-controller="slider"
<div class="splide__track"> data-slider-preset-value="teasersEmbedded">
<ul class="splide__list"> <div class="splide__track">
<f:for each="{teasers}" as="teaser"> <ul class="splide__list">
<li class="splide__slide"> <f:for each="{teasers}" as="teaser">
<f:render partial="Product/Teaser" section="Teaser" arguments="{teaser: teaser}"/> <li class="splide__slide">
</li> <f:render partial="Product/Teaser" section="Teaser" arguments="{teaser: teaser}"/>
</f:for> </li>
</ul> </f:for>
</ul>
</div>
</div> </div>
</div> <f:if condition="{settings.showMoreLink}">
<f:if condition="{settings.showMoreLink}"> <p class="text-right">
<p class="text-right"> <f:link.action pageUid="{settings.defaultStaticSearchPageUid}" class="button"
<f:link.action pageUid="{settings.defaultStaticSearchPageUid}" class="button" action="staticresult" controller="Search"
action="staticresult" controller="Search" arguments="{encodedFilterSettings: '{filterSettings -> ep:filterSettingsEncoder()}'}"
arguments="{encodedFilterSettings: '{filterSettings -> ep:filterSettingsEncoder()}'}" additionalAttributes="{rel: 'nofollow'}">
additionalAttributes="{rel: 'nofollow'}"> Alle anzeigen
Alle anzeigen </f:link.action>
</f:link.action> </p>
</p> </f:if>
</f:if> </f:then>
<f:else>
<f:if condition="{region.images -> f:count()} > 0">
<f:render partial="ImageGallery" arguments="{images: region.images, id: 'region-{region.uid}', thumbnails: 1}"/>
</f:if>
</f:else>
</f:if> </f:if>
<f:if condition="{region.skiAreaExtended}">{region.skiAreaExtended -> f:format.html()}</f:if> <f:if condition="{region.skiAreaExtended}">{region.skiAreaExtended -> f:format.html()}</f:if>
</div> </div>
<f:if condition="{region.images -> f:count()} > 0"> <f:if condition="{teasers}">
<f:render partial="ImageGallery" arguments="{images: region.images, id: 'region-{region.uid}', thumbnails: 1}"/> <f:if condition="{region.images -> f:count()} > 0">
<f:render partial="ImageGallery" arguments="{images: region.images, id: 'region-{region.uid}', thumbnails: 1}"/>
</f:if>
</f:if> </f:if>
<f:if condition="{bars}"> <f:if condition="{bars}">
<f:then> <f:then>