From ea8336c4f207f214a16431d622930fe96e0faf4e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bjo=CC=88rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Thu, 16 Sep 2021 16:30:08 +0200
Subject: [PATCH] Add shadow to product teaser

---
 .../Private/Partials/Product/Teaser.html          | 15 +++++++++------
 1 file changed, 9 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 69cc386a..6d440e26 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
@@ -3,7 +3,7 @@
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
 
     <f:section name="Teaser">
-        <div class="product-teaser flex flex-col h-full bg-white group{f:if(condition: landscape, then: ' sm:flex-row sm:h-auto')}{f:if(condition: '{index} > 2', then: ' lg:hidden')}">
+        <div class="product-teaser flex flex-col h-full bg-white shadow group{f:if(condition: landscape, then: ' sm:flex-row sm:h-auto')}{f:if(condition: '{index} > 2', then: ' lg:hidden')}">
             <f:render section="TeaserImage" arguments="{_all}"/>
             <f:render section="TeaserContent" arguments="{_all}"/>
         </div>
@@ -11,11 +11,14 @@
 
     <f:section name="TeaserImage">
         <div class="relative{f:if(condition: landscape, then: ' sm:w-2/5')}">
-            <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')}"
-                 alt="{product.name}"
-                 width="640" height="480" />
+            <a href="{ep:uri.product(forceHotelUid: forceHotelUid, product: product, hotel: hotel, dateFrom: dateFrom, dateTo: dateTo)}"
+               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')}"
+                     alt="{product.name}"
+                     width="640" height="480" />
+            </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}', else: 'bg-ep-primary-80')}">
                 <div class="flex items-center space-x-2">
                     <f:if condition="{country.code}">