Reduce teaser image sizes
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user