fix Bootstrap 5 compatibility

This commit is contained in:
Martin Filipovic Hinrichs 2026-06-04 11:22:50 +02:00
parent 78b99b4db7
commit 81ba40afed
2 changed files with 26 additions and 8 deletions

View file

@ -71,8 +71,15 @@ strong {
text-align: center; text-align: center;
margin-top: 0.25rem; margin-top: 0.25rem;
@include media-breakpoint-down(sm) { // @deprecated tag:v6.5.0 - Bootstrap v5 changes media-breakpoint-down behavior
display: none; @if feature('v6.5.0.0') {
@include media-breakpoint-down(md) {
display: none;
}
} @else {
@include media-breakpoint-down(sm) {
display: none;
}
} }
} }
} }
@ -180,7 +187,8 @@ strong {
.header-search { .header-search {
.header-search-input, .header-search-input,
.input-group-append { .input-group-append,
.header-search-btn {
height: 37px; height: 37px;
} }

View file

@ -1,9 +1,19 @@
{% sw_extends '@Storefront/storefront/component/product/card/action.html.twig' %} {% sw_extends '@Storefront/storefront/component/product/card/action.html.twig' %}
{% block component_product_box_action_detail %} {% block component_product_box_action_detail %}
<a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}" {% if feature('v6.5.0.0') %}
class="btn btn-block btn-buy" <div class="d-grid">
title="{{ "listing.boxProductDetails"|trans|striptags }}"> <a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}"
{{ "listing.boxProductDetails"|trans|sw_sanitize }} class="btn btn-buy"
</a> title="{{ "listing.boxProductDetails"|trans|striptags }}">
{{ "listing.boxProductDetails"|trans|sw_sanitize }}
</a>
</div>
{% else %}
<a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}"
class="btn btn-block btn-buy"
title="{{ "listing.boxProductDetails"|trans|striptags }}">
{{ "listing.boxProductDetails"|trans|sw_sanitize }}
</a>
{% endif %}
{% endblock %} {% endblock %}