From 370b4af0f18262d1934ffc8c7ca65d0ba2082198 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bjo=CC=88rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Thu, 2 Sep 2021 16:10:47 +0200
Subject: [PATCH] Switch teasers with images gallery in case there are no
 teasers

---
 .../Private/Partials/Region/Details.html      | 53 +++++++++++--------
 1 file changed, 32 insertions(+), 21 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 23a5c142..29f6221a 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
@@ -17,31 +17,42 @@
 <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="slider slider--teasers in-column">
-            <div class="row slider__items">
-                <f:for each="{teasers}" as="teaser">
-                    <div class="col-md-4">
-                        <f:render partial="Product/Teaser" section="Teaser" arguments="{teaser: teaser}"/>
-                    </div>
-                </f:for>
+        <f:then>
+            <a id="teasers" class="anchor"></a>
+            <div class="slider slider--teasers in-column">
+                <div class="row slider__items">
+                    <f:for each="{teasers}" as="teaser">
+                        <div class="col-md-4">
+                            <f:render partial="Product/Teaser" section="Teaser" arguments="{teaser: teaser}"/>
+                        </div>
+                    </f:for>
+                </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:comment><!-- Show image gallery at teasers' position in case there are none --></f:comment>
+            <f:if condition="{region.images -> f:count()} > 0">
+                <f:render partial="ContentSlider" 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="ContentSlider" arguments="{images: region.images, id: 'region-{region.uid}', thumbnails: 1}"/>
+<f:if condition="{teasers}">
+    <f:comment><!-- Show image gallery unless there are no teasers --></f:comment>
+    <f:if condition="{region.images -> f:count()} > 0">
+        <f:render partial="ContentSlider" arguments="{images: region.images, id: 'region-{region.uid}', thumbnails: 1}"/>
+    </f:if>
 </f:if>
 <f:if condition="{bars}">
     <f:then><div class="ep-headbar">{f:if(condition: '{region.season} == "w"', then: 'Skipass', else: 'Highlights')} {region.name}</div></f:then>