From eaaaf9399eca7b13fb602942555e7ef370885211 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bjo=CC=88rn=20Fromme?= <mail@bjo3rn.com>
Date: Thu, 20 Sep 2018 16:07:36 +0200
Subject: [PATCH] Fix single gallery images not zooming

---
 .../Private/Partials/ContentSlider.html       | 24 +++++++++++++------
 1 file changed, 17 insertions(+), 7 deletions(-)

diff --git a/web/typo3conf/ext/ep_theme/Resources/Private/Partials/ContentSlider.html b/web/typo3conf/ext/ep_theme/Resources/Private/Partials/ContentSlider.html
index 8fdc008a..daa20872 100644
--- a/web/typo3conf/ext/ep_theme/Resources/Private/Partials/ContentSlider.html
+++ b/web/typo3conf/ext/ep_theme/Resources/Private/Partials/ContentSlider.html
@@ -3,7 +3,7 @@
     This content element was implemented as a slider initially and has been turned into a lightbox gallery.
     ToDo: Adjust naming accordingly
 </f:comment>
-<div class="slider slider--content">
+<div class="slider">
     <div class="slider__zoom-icon">
         <i class="fa fa-search-plus"></i> {images -> f:count()}
     </div>
@@ -33,12 +33,22 @@
     <div class="slider__zoom" style="display: none">
         <f:if condition="{thumbnails}">
             <f:then>
-                <f:for each="{images}" as="image" iteration="iteration">
-                    <f:if condition="{iteration.cycle} > 5">
-                        <a data-fancybox="gallery-{id}" href="{f:uri.image(image: image, crop: image.crop, maxWidth: '2560')}"
-                           title="{image.title}">{iteration.index}</a>
-                    </f:if>
-                </f:for>
+                <f:if condition="{images -> f:count()} == 1">
+                    <f:then>
+                        <f:alias map="{image: images.0}">
+                            <a data-fancybox="gallery-{id}" href="{f:uri.image(image: image, crop: image.crop, maxWidth: '2560')}"
+                               title="{image.title}">1</a>
+                        </f:alias>
+                    </f:then>
+                    <f:else>
+                        <f:for each="{images}" as="image" iteration="iteration">
+                            <f:if condition="{iteration.cycle} > 5">
+                                <a data-fancybox="gallery-{id}" href="{f:uri.image(image: image, crop: image.crop, maxWidth: '2560')}"
+                                   title="{image.title}">{iteration.index}</a>
+                            </f:if>
+                        </f:for>
+                    </f:else>
+                </f:if>
             </f:then>
             <f:else>
                 <f:for each="{images}" as="image">