From 1a950d78ba8fa1ce8f1338ea5e2a6f77e5326f2e Mon Sep 17 00:00:00 2001
From: Martin Filipovic Hinrichs <mail@martinhinrichs.net>
Date: Sat, 6 Jun 2026 11:52:59 +0200
Subject: [PATCH] fix product image link in product box, center product image
 vertically

---
 .../app/storefront/src/scss/_product-box.scss | 29 +++++++++++++++----
 .../product/card/box-standard.html.twig       | 10 ++++++-
 2 files changed, 32 insertions(+), 7 deletions(-)

diff --git a/src/Resources/app/storefront/src/scss/_product-box.scss b/src/Resources/app/storefront/src/scss/_product-box.scss
index 7d5b9a7..e4bddc2 100644
--- a/src/Resources/app/storefront/src/scss/_product-box.scss
+++ b/src/Resources/app/storefront/src/scss/_product-box.scss
@@ -22,13 +22,30 @@
     height: auto;
     flex: 0 0 auto;
     position: relative;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
 
-    > * {
-      position: absolute;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
+    .product-image-link {
+      &::before {
+        content: '';
+        position: absolute;
+        top: -1rem;
+        left: -1rem;
+        right: -1rem;
+        bottom: -1rem;
+        z-index: 1;
+      }
+    }
+
+    .awards {
+      z-index: 2;
+    }
+
+    .product-wishlist {
+      position: relative;
+      z-index: 2;
     }
   }
 
diff --git a/src/Resources/views/storefront/component/product/card/box-standard.html.twig b/src/Resources/views/storefront/component/product/card/box-standard.html.twig
index 4d8e72e..7633c2a 100644
--- a/src/Resources/views/storefront/component/product/card/box-standard.html.twig
+++ b/src/Resources/views/storefront/component/product/card/box-standard.html.twig
@@ -1,5 +1,13 @@
 {% sw_extends '@Storefront/storefront/component/product/card/box-standard.html.twig' %}
 
+{% block component_product_box_image_inner %}
+    <a href="{{ seoUrl('frontend.detail.page', routeArguments) }}"
+       title="{{ name }}"
+       class="product-image-link is-{{ displayMode }}">
+        {{ parent() }}
+    </a>
+{% endblock %}
+
 {% block component_product_box_image %}
   {{ parent() }}
   {% if product.extensions.awardMedia|length %}
@@ -45,4 +53,4 @@
 {% endblock %}
 
 {% block component_product_box_description %}
-{% endblock %}
\ No newline at end of file
+{% endblock %}