fix product image link in product box, center product image vertically

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;
     }
   }
 

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 %}
+{% endblock %}