{% block plugins_maxia_listing_variants_configurator_option_radio_container %}
{% block plugins_maxia_listing_variants_configurator_option_radio %}
<input type="radio"
name="{{ group.id }}"
value="{{ option.id }}"
class="product-detail-configurator-option-input{% if isCombinableCls %} {{ isCombinableCls }}{% endif %}"
title="{{ optionIdentifier }}"
id="{{ optionIdentifier }}"
{% if isActive %}checked="checked"{% endif %}>
{% block plugins_maxia_listing_variants_configurator_option_radio_label %}
<label class="{% block plugins_maxia_listing_variants_configurator_option_radio_label_classes %}product-detail-configurator-option-label{{ " " }}
{%- if isActive %} is-active{% endif -%}
{%- if isCombinableCls %} {{ isCombinableCls }}{% endif -%}
{%- if displayType == 'color' and baseConfig.showColorCircles %} is-circle{% endif -%}
{{ " " }}is-display-{{ displayType }}{% endblock %}"
{% block plugins_maxia_listing_variants_configurator_option_radio_label_attributes %}
{% if displayType == 'color' and option.colorHexCode %}
style="background-color: {{ option.colorHexCode }}"
{% endif %}
title="{{ option.translated.name }}"
for="{{ optionIdentifier }}"
{% endblock %}
{% block plugins_maxia_listing_variants_configurator_option_radio_image_switcher_attributes %}
{% if baseConfig.switchImageOnHover and variant.media %}
{% set image %}
{% sw_include '@Storefront/storefront/plugins/maxia_listing_variants/variant-image.html.twig' with {
"media": variant.media
} %}
{% endset %}
data-maxia-listing-image-switcher="true"
data-maxia-listing-image-switcher-options='{{ {
"imageHtml": image|trim|replace({" ": " "})
}|json_encode }}'
{% endif %}
{% endblock %}
>
{%- if displayType == 'media' and media -%}
{%- block plugins_maxia_listing_variants_configurator_option_radio_label_media -%}
{% sw_thumbnails 'configurator-option-img-thumbnails' with {
media: media,
sizes: {
'default': '52px'
},
attributes: {
'class': 'product-detail-configurator-option-image',
'alt': option.translated.name,
'title': option.translated.name,
}
} %}
{%- endblock -%}
{%- elseif displayType == 'text' or
(displayType == 'media' and not media) or
(displayType == 'color' and not option.colorHexCode) -%}
{%- block plugins_maxia_listing_variants_configurator_option_radio_label_text -%}
{{ option.translated.name }}
{{ variant.id }}
{%- endblock -%}
{%- endif -%}
</label>
{% endblock %}
{% endblock %}
{% endblock %}