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 %} + + {{ parent() }} + +{% 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 %}