{% block page_product_detail_properties_table_row %}
{% set additionalClass = additionalClass ? ' ' ~ additionalClass : ''%}
<tr class="properties-row{{additionalClass}}">
{% block page_product_detail_properties_item_label %}
<th class="properties-label">
{{ group.translated.name|e }}:
{% apply spaceless %}
{% if group.extensions.tooltip %}
{% sw_include '@OkeonlinePropertyTooltips/storefront/page/product-detail/oo-property-tooltip.html.twig' ignore missing with {
tooltip: group.extensions.tooltip
} %}
{% endif %}
{% endapply %}
</th>
{% endblock %}
{% block page_product_detail_properties_item_value %}
<td class="properties-value">
{% if group.displayType == 'media' %}
<ul class="list-inline">
{% apply spaceless %}
{% for option in group.options %}
<li class="list-inline-item list-unstyled">
{% set propertyImageId = option.mediaId %}
{% set mediaCollection = searchMedia([propertyImageId], context.context) %}
{% set propertyMedia = mediaCollection.get(propertyImageId) %}
<span data-toggle="tooltip" data-placement="top" title="{{ option.translated.name|e }}">
{% sw_thumbnails 'property-images' with {
media: propertyMedia,
sizes: {
'xs': '100px',
'sm': '100px',
'md': '100px',
'lg': '100px',
'xl': '100px',
'default': '100px'
}
} %}
</span>
</li>
{% endfor %}
{% endapply %}
</ul>
{% else %}
{% 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 %}
{% endif %}
</td>
{% endblock %}
</tr>
{% endblock %}