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()}')}"
|
<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">
|
title="{region.name} {product.name} Details und Buchen">
|
||||||
<img class="block w-full h-full object-cover lazyload"
|
<img class="block w-full h-full object-cover lazyload"
|
||||||
src="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/lazy.png')}"
|
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: '640c', height: '480c')}"
|
data-src="{f:uri.image(image: productImage, width: '360c', height: '270c')}"
|
||||||
alt="{product.name}"
|
alt="{product.name}"
|
||||||
width="640" height="480" />
|
width="360" height="270" />
|
||||||
</a>
|
</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="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">
|
<div class="flex items-center space-x-2">
|
||||||
|
|||||||
@@ -47,10 +47,10 @@
|
|||||||
width: '350', height: '175c-100'
|
width: '350', height: '175c-100'
|
||||||
)} 320w"/>
|
)} 320w"/>
|
||||||
<img class="scale lazyload" title="" alt=""
|
<img class="scale lazyload" title="" alt=""
|
||||||
src="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/lazy.png', width: '500', height: '250')}"
|
src="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/lazy.png', width: '360', height: '270c-100')}"
|
||||||
width="500"
|
width="360"
|
||||||
height="250"
|
height="270"
|
||||||
data-src="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/header-winter.jpg', width: '500', height: '250c-100')}"
|
data-src="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/header-winter.jpg', width: '360', height: '270c-100')}"
|
||||||
>
|
>
|
||||||
</picture>
|
</picture>
|
||||||
</f:else>
|
</f:else>
|
||||||
|
|||||||
Reference in New Issue
Block a user