{% sw_extends '@Storefront/storefront/utilities/offcanvas.html.twig' %}{% block utilities_offcanvas_content %} {% if page.product.sortedProperties|length > 0 %} <div class="product-detail-properties"> {% block page_product_detail_properties_container %} {% block page_product_detail_properties_title %} <div class="h3 product-detail-properties-title"> {{ 'Kara.detail.tabsProperties'|trans|sw_sanitize }} "{{ page.product.translated.name }}" </div> {% endblock %} <div class="row product-detail-properties-container"> <div class="col-md-10 col-lg-6"> {% block page_product_detail_properties_table %} <table class="table table-striped product-detail-properties-table"> <tbody> {# @var product \Shopware\Core\Content\Product\SalesChannel\SalesChannelProductEntity #} {% for group in page.product.sortedProperties %} {% block page_product_detail_properties_table_row %} <tr class="properties-row"> {% block page_product_detail_properties_item_label %} <th class="properties-label">{{ group.translated.name|e }}:</th> {% endblock %} {% block page_product_detail_properties_item_value %} <td class="properties-value"> {% apply spaceless %} {% for option in group.options %} {% set i = ( i | default(0) ) + 1 %} <span>{% if i > 1 %}, {% endif %}{{ option.translated.name|e }}</span> {% endfor %} {% endapply %} </td> {% endblock %} </tr> {% endblock %} {% endfor %} </tbody> </table> {% endblock %} </div> </div> {% endblock %} </div> {% endif %}{% endblock %}