From c2744337e53ff85971006bacc27a4cd4fb1351fb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Mon, 21 Mar 2022 15:05:16 +0100
Subject: [PATCH] Fix lightbox not working for first image in sidebar gallery

---
 .../Resources/Private/Templates/Product/Detail.html         | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Product/Detail.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Product/Detail.html
index 8d969453..65bd6934 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Product/Detail.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Product/Detail.html
@@ -369,7 +369,8 @@
 
     <f:section name="SidebarGallery">
         <f:if condition="{product.images}">
-            <div class="bg-gray-50 p-4 mb-4">
+            <div class="bg-gray-50 p-4 mb-4"
+                 data-controller="lightbox">
                 <p class="font-bold mb-2">
                     Galerie
                 </p>
@@ -388,8 +389,7 @@
                                       title="{image.title}" />
                 </a>
                 <f:if condition="{product.images -> f:count()} > 1">
-                    <div class="grid grid-cols-4 gap-2"
-                         data-controller="lightbox">
+                    <div class="grid grid-cols-4 gap-2">
                         <f:for each="{product.images}" as="image" iteration="iteration">
                             <f:if condition="{iteration.index} > 0">
                                 <a href="{f:uri.image(image: image, cropVariant: 'zoom', maxWidth: '2560')}"