{% sw_extends '@Storefront/storefront/page/product-detail/properties.html.twig' %}{% block page_product_detail_properties_inner %} <div class="product-detail-properties"> {% block page_product_detail_properties_container %} <div class="row product-detail-properties-container"> <div class="col-12"> {% block page_product_detail_properties_table %} {# @var product \Shopware\Core\Content\Product\SalesChannel\SalesChannelProductEntity #} {% for group in page.product.sortedProperties %} {% block page_product_detail_properties_table_row %} <div class="properties-row"> {% block page_product_detail_properties_item_label %}{% endblock %} {% block page_product_detail_properties_item_value %} <div class="properties-value row" style="margin-bottom:1rem; padding-right: 1.25rem; padding-left: 1.25rem; column-gap: 20px;"> {% apply spaceless %} {% for option in group.options %} {% if option.media %} <div class="auto" style="padding: 0; text-align: center; "> {% if option.media %} <div style="width:25px; height:25px; margin: 0 auto;"> {% sw_thumbnails 'property-option-img-thumbnails' with { media: option.media, sizes: { 'default': '52px' }, attributes: { 'class': 'product-detail-configurator-option-image', 'alt': option.translated.name, 'title': option.translated.name } } %} </div> {% endif %} <span style="font-size:12px;"> {{ option.translated.name|e }}</span> </div> {% endif %} {% endfor %} {% endapply %} </div> {% endblock %} </div> {% endblock %} {% endfor %} {% endblock %} </div> </div> {% endblock %} </div>{% endblock %}