Avoid error in case of missing teaserimage of region
This commit is contained in:
@@ -7,12 +7,32 @@
|
||||
<a href="{f:uri.typolink(parameter: region.detailPage)}" title="{region.name}" class="flex flex-col">
|
||||
<div class="relative">
|
||||
{ep:icon(icon: 'flag-{region.country.code -> f:format.case(mode: \'lower\')}', class: 'w-8 h-6 absolute top-0 left-0')}
|
||||
<ep:lazyLoadImage image="{region.teaserImages.0}"
|
||||
loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
|
||||
class="block w-full h-full object-cover"
|
||||
width="400c"
|
||||
height="300c"
|
||||
alt="{region.name}" />
|
||||
<f:alias map="{teaserImage: region.teaserImage, defaultImage: region.images.0}">
|
||||
<f:if condition="{teaserImage}">
|
||||
<f:then>
|
||||
<f:variable name="image" value="{teaserImage}"/>
|
||||
</f:then>
|
||||
<f:else>
|
||||
<f:variable name="image" value="{defaultImage}"/>
|
||||
</f:else>
|
||||
</f:if>
|
||||
<f:if condition="{image}">
|
||||
<f:then>
|
||||
<ep:lazyLoadImage image="{image}"
|
||||
loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
|
||||
class="block w-full h-full object-cover"
|
||||
width="400c"
|
||||
height="300c"
|
||||
alt="{region.name}" />
|
||||
</f:then>
|
||||
<f:else>
|
||||
<f:image src="EXT:ep_theme/Resources/Public/images/lazy.png"
|
||||
width="400c"
|
||||
height="300c"
|
||||
alt="{region.name}"/>
|
||||
</f:else>
|
||||
</f:if>
|
||||
</f:alias>
|
||||
</div>
|
||||
<div class="flex-1 py-4 px-2 bg-white border-l border-r border-zinc-200" data-rte-content>
|
||||
<span class="headline--3 mb-4">
|
||||
|
||||
Reference in New Issue
Block a user