From 671727553e809927efde0deb69d24aec0596254c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Tue, 8 Mar 2022 09:42:40 +0100
Subject: [PATCH] Add sidebar gallery and buttons to main content area in
 mobile view

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

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 a6a603c2..f3e6110f 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
@@ -157,6 +157,10 @@
                     <div class="hidden" data-product-details-target="priceTableContainer"></div>
                 </f:else>
             </f:if>
+            <div class="lg:hidden">
+                <f:render section="SidebarGallery" arguments="{_all}"/>
+                <f:render section="SidebarButtons" arguments="{_all}"/>
+            </div>
             <f:render partial="Product/Details" arguments="{_all}"/>
         </div>
     </f:section>
@@ -373,7 +377,7 @@
                    data-lightbox-index="{iteration.cycle}"
                    data-lightbox-caption="{image.originalResource.description}"
                    data-action="lightbox#open"
-                   class="mb-2">
+                   class="block mb-2">
                     <ep:lazyLoadImage image="{product.images.0}"
                                       loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
                                       class="block w-full h-auto"