EP/website-typo3
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix lightbox not working for first image in sidebar gallery

Browse Source
This commit is contained in:
Björn Fromme
2022-03-21 15:05:16 +01:00
parent f74a78d5bc
commit c2744337e5
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/typo3conf/ext/ep_theme/Resources/Private/Templates/Product/Detail.html
+3 -3
View File
@@ -369,7 +369,8 @@
<f:section name="SidebarGallery"> <f:section name="SidebarGallery">
<f:if condition="{product.images}"> <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"> <p class="font-bold mb-2">
Galerie Galerie
</p> </p>
@@ -388,8 +389,7 @@
title="{image.title}" /> title="{image.title}" />
</a> </a>
<f:if condition="{product.images -> f:count()} > 1"> <f:if condition="{product.images -> f:count()} > 1">
<div class="grid grid-cols-4 gap-2" <div class="grid grid-cols-4 gap-2">
data-controller="lightbox">
<f:for each="{product.images}" as="image" iteration="iteration"> <f:for each="{product.images}" as="image" iteration="iteration">
<f:if condition="{iteration.index} > 0"> <f:if condition="{iteration.index} > 0">
<a href="{f:uri.image(image: image, cropVariant: 'zoom', maxWidth: '2560')}" <a href="{f:uri.image(image: image, cropVariant: 'zoom', maxWidth: '2560')}"