custom/plugins/MaxiaListingVariants6/src/Resources/views/storefront/plugins/maxia_listing_variants/layouts/radio.html.twig line 1

Open in your IDE?
  1. {% block plugins_maxia_listing_variants_configurator_option_radio_container %}
  3.     {% block plugins_maxia_listing_variants_configurator_option_radio %}
  4.         <input type="radio"
  5.                name="{{ group.id }}"
  6.                value="{{ option.id }}"
  7.                class="product-detail-configurator-option-input{% if isCombinableCls %} {{ isCombinableCls }}{% endif %}"
  8.                title="{{ optionIdentifier }}"
  9.                id="{{ optionIdentifier }}"
  10.                {% if isActive %}checked="checked"{% endif %}>
  12.         {% block plugins_maxia_listing_variants_configurator_option_radio_label %}
  13.             <label class="{% block plugins_maxia_listing_variants_configurator_option_radio_label_classes %}product-detail-configurator-option-label{{ " " }}
  14.                             {%- if isActive %} is-active{% endif -%}
  15.                             {%- if isCombinableCls %} {{ isCombinableCls }}{% endif -%}
  16.                             {%- if displayType == 'color' and baseConfig.showColorCircles %} is-circle{% endif -%}
  17.                             {{ " " }}is-display-{{ displayType }}{% endblock %}"
  18.                     {% block plugins_maxia_listing_variants_configurator_option_radio_label_attributes %}
  19.                         {% if displayType == 'color' and option.colorHexCode %}
  20.                             style="background-color: {{ option.colorHexCode }}"
  21.                         {% endif %}
  22.                         title="{{ option.translated.name }}"
  23.                         for="{{ optionIdentifier }}"
  24.                     {% endblock %}
  25.                     {% block plugins_maxia_listing_variants_configurator_option_radio_image_switcher %}
  26.                         {% if baseConfig.switchImageOnHover and variant.media %}
  27.                             {% set image %}
  28.                                 {% sw_include '@Storefront/storefront/plugins/maxia_listing_variants/variant-image.html.twig' with {
  29.                                     "media": variant.media
  30.                                 } %}
  31.                             {% endset %}
  32.                             data-maxia-listing-image-switcher="true"
  33.                             data-maxia-listing-image-switcher-options='{{ {
  34.                                 "imageHtml": image|trim|replace({"  ": " "})
  35.                             }|json_encode }}'
  36.                         {% endif %}
  37.                     {% endblock %}
  38.                 >
  39.                 {%- if displayType == 'media' and media -%}
  40.                     {%- block plugins_maxia_listing_variants_configurator_option_radio_label_media -%}
  41.                         {% sw_thumbnails 'configurator-option-img-thumbnails' with {
  42.                             media: media,
  43.                             sizes: {
  44.                                 'default': '52px'
  45.                             },
  46.                             attributes: {
  47.                                 'class': 'product-detail-configurator-option-image',
  48.                                 'alt': option.translated.name,
  49.                                 'title': option.translated.name,
  50.                             }
  51.                         } %}
  52.                     {%- endblock -%}
  53.                 {%- elseif displayType == 'text' or
  54.                         (displayType == 'media' and not media) or
  55.                         (displayType == 'color' and not option.colorHexCode) -%}
  56.                     {%- block plugins_maxia_listing_variants_configurator_option_radio_label_text -%}
  57.                         {{ option.translated.name }}
  58.                         {{ variant.id }}
  59.                     {%- endblock -%}
  60.                 {%- endif -%}
  61.             </label>
  62.         {% endblock %}
  63.     {% endblock %}
  64. {% endblock %}