From a7f188f0f91d97aa7b9d82d00107fd0b98670179 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Sat, 19 Mar 2022 08:53:19 +0100
Subject: [PATCH] Render fallback image to avoid exception

---
 .../Private/Partials/Product/Teaser.html      | 23 ++++++++++++++-----
 1 file changed, 17 insertions(+), 6 deletions(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Teaser.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Teaser.html
index c2d98272..917549f8 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Teaser.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Teaser.html
@@ -14,12 +14,23 @@
         <div class="relative{f:if(condition: landscape, then: ' sm:w-2/5')}">
             <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">
-                <ep:lazyLoadImage image="{productImage}"
-                                  loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
-                                  class="block w-full h-full object-cover"
-                                  width="400c"
-                                  height="300c"
-                                  alt="{product.name}" />
+                <f:if condition="{productImage}">
+                    <f:then>
+                        <ep:lazyLoadImage image="{productImage}"
+                                          loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
+                                          class="block w-full h-full object-cover"
+                                          width="400c"
+                                          height="300c"
+                                          alt="{product.name}" />
+                    </f:then>
+                    <f:else>
+                        <f:image src="EXT:ep_theme/Resources/Public/images/lazy.png"
+                                 class="block w-full h-full object-cover"
+                                 width="400c"
+                                 height="300c"
+                                 alt="{product.name}" />
+                    </f:else>
+                </f:if>
             </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">