Reduce teaser image sizes

This commit is contained in:
Björn Fromme
2021-12-26 20:19:40 +01:00
parent a497edd437
commit f9e2fc888d
2 changed files with 7 additions and 7 deletions
@@ -14,10 +14,10 @@
<a href="{ep:uri.product(forceHotelUid: forceHotelUid, product: product, hotel: hotel, dateFrom: dateFrom, dateTo: dateTo)}{f:if(condition: referringPageUri, then: '?ref={referringPageUri -> f:format.urlencode()}')}"
title="{region.name} {product.name} Details und Buchen">
<img class="block w-full h-full object-cover lazyload"
src="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/lazy.png')}"
data-src="{f:uri.image(image: productImage, width: '640c', height: '480c')}"
src="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/lazy.png', width: '360', height: '270')}"
data-src="{f:uri.image(image: productImage, width: '360c', height: '270c')}"
alt="{product.name}"
width="640" height="480" />
width="360" height="270" />
</a>
<div class="absolute top-0 left-0 z-10 inset-x-0 p-2 flex justify-between items-center {f:if(condition: concept, then: 'bg-concept-{concept.code}-overlay', else: 'bg-ep-primary-80')}">
<div class="flex items-center space-x-2">
@@ -47,10 +47,10 @@
width: '350', height: '175c-100'
)} 320w"/>
<img class="scale lazyload" title="" alt=""
src="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/lazy.png', width: '500', height: '250')}"
width="500"
height="250"
data-src="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/header-winter.jpg', width: '500', height: '250c-100')}"
src="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/lazy.png', width: '360', height: '270c-100')}"
width="360"
height="270"
data-src="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/header-winter.jpg', width: '360', height: '270c-100')}"
>
</picture>
</f:else>