From 5136052e250094631439efdb1768468c0511a6dc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bjo=CC=88rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Thu, 2 Sep 2021 16:23:54 +0200
Subject: [PATCH] Switch positions of image gallery and teasers when none
 available

---
 .../Private/Partials/Region/Details.html      | 59 +++++++++++--------
 1 file changed, 34 insertions(+), 25 deletions(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Region/Details.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Region/Details.html
index fb5c90cf..8ce1e0a7 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Region/Details.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Region/Details.html
@@ -21,35 +21,44 @@
 <div class="region-details region-details--ski-area" data-rte-content>
     {region.skiArea -> f:format.html()}
     <f:if condition="{teasers}">
-        <a id="teasers" class="anchor"></a>
-        <div class="splide"
-             data-controller="slider"
-             data-slider-preset-value="teasersEmbedded">
-            <div class="splide__track">
-                <ul class="splide__list">
-                    <f:for each="{teasers}" as="teaser">
-                        <li class="splide__slide">
-                            <f:render partial="Product/Teaser" section="Teaser" arguments="{teaser: teaser}"/>
-                        </li>
-                    </f:for>
-                </ul>
+        <f:then>
+            <a id="teasers" class="anchor"></a>
+            <div class="splide"
+                 data-controller="slider"
+                 data-slider-preset-value="teasersEmbedded">
+                <div class="splide__track">
+                    <ul class="splide__list">
+                        <f:for each="{teasers}" as="teaser">
+                            <li class="splide__slide">
+                                <f:render partial="Product/Teaser" section="Teaser" arguments="{teaser: teaser}"/>
+                            </li>
+                        </f:for>
+                    </ul>
+                </div>
             </div>
-        </div>
-        <f:if condition="{settings.showMoreLink}">
-            <p class="text-right">
-                <f:link.action pageUid="{settings.defaultStaticSearchPageUid}" class="button"
-                               action="staticresult" controller="Search"
-                               arguments="{encodedFilterSettings: '{filterSettings -> ep:filterSettingsEncoder()}'}"
-                               additionalAttributes="{rel: 'nofollow'}">
-                    Alle anzeigen
-                </f:link.action>
-            </p>
-        </f:if>
+            <f:if condition="{settings.showMoreLink}">
+                <p class="text-right">
+                    <f:link.action pageUid="{settings.defaultStaticSearchPageUid}" class="button"
+                                   action="staticresult" controller="Search"
+                                   arguments="{encodedFilterSettings: '{filterSettings -> ep:filterSettingsEncoder()}'}"
+                                   additionalAttributes="{rel: 'nofollow'}">
+                        Alle anzeigen
+                    </f:link.action>
+                </p>
+            </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 condition="{region.skiAreaExtended}">{region.skiAreaExtended -> f:format.html()}</f:if>
 </div>
-<f:if condition="{region.images -> f:count()} > 0">
-    <f:render partial="ImageGallery" arguments="{images: region.images, id: 'region-{region.uid}', thumbnails: 1}"/>
+<f:if condition="{teasers}">
+    <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 condition="{bars}">
     <f:then>