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

Remove slider in header of product detail page

Browse Source
This commit is contained in:
Björn Fromme
2022-03-08 21:24:19 +01:00
parent 3b6867c2ca
commit 36c7628bee
1 changed files with 73 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/HeaderDetail.html
+5 -17
View File
@@ -2,21 +2,14 @@
xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers"> xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
<div class="splide" <f:alias map="{image: product.images.0}">
data-controller="slider"
data-slider-preset-value="header">
<div class="splide__track">
<ul class="splide__list">
<f:for each="{product.images}" as="image" iteration="iteration">
<li class="splide__slide">
<div class="herounit h-80 lg:h-96 mb-8"> <div class="herounit h-80 lg:h-96 mb-8">
<picture> <picture>
<source srcset="{f:uri.image(image: image, width: '1370', cropVariant: 'sliderPageHeader')}" media="(min-width: 768px)"> <source srcset="{f:uri.image(image: image, width: '1370c', height: '380c')}" media="(min-width: 768px)">
<source srcset="{f:uri.image(image: image, height: '320', cropVariant: 'sliderPageHeader')}" media="(max-width: 767px)"> <source srcset="{f:uri.image(image: image, height: '320c')}" media="(max-width: 767px)">
<f:image class="block w-full h-full object-cover" <f:image class="block w-full h-full object-cover"
image="{image}" image="{image}"
height="320" height="320c"
cropVariant="sliderPageHeader"
alt="{image.alternative}"/> alt="{image.alternative}"/>
</picture> </picture>
<div class="absolute bottom-0 left-0 inset-x-0 px-8 md:bottom-1/2 md:transform md:translate-y-1/2"> <div class="absolute bottom-0 left-0 inset-x-0 px-8 md:bottom-1/2 md:transform md:translate-y-1/2">
@@ -86,10 +79,5 @@
</div> </div>
</f:if> </f:if>
</div> </div>
</li> </f:alias>
</f:for>
</ul>
</div>
</div>
</html> </html>