custom/plugins/sw-asus/src/Resources/views/storefront/page/product-detail/configurator.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/page/product-detail/configurator.html.twig' %}
  3. {% block page_product_detail_configurator_option_radio_label %}
  4.     <label class="product-detail-configurator-option-label{% if isCombinableCls %} {{ isCombinableCls }}{% endif %} is-display-{{ displayType }}"
  5.            style="
  6.                 {% if  group.translated.customFields.onedot_variants_property_option_height_detail%} height: {{ group.translated.customFields.onedot_variants_property_option_height_detail }}px;{% endif %}
  7.                 {% if  group.translated.customFields.onedot_variants_property_option_width_detail%} min-width: {{ group.translated.customFields.onedot_variants_property_option_width_detail }}px;{% endif %}
  8.                "
  10.            title="{{ option.translated.name }}"
  11.            for="{{ optionIdentifier }}">
  13.         {% if displayType == 'color' and option.colorHexCode %}
  14.             <span class="mark" style="background-color: {{ option.colorHexCode }};"></span>
  15.         {% endif %}
  17.         {% if displayType == 'media' and media %}
  18.             <span class="label">{{ option.translated.name }}</span>
  19.             <img src="{{ media|sw_encode_media_url }}"
  20.                  class="product-detail-configurator-option-image"
  21.                  alt="{{ option.translated.name }}"/>
  22.             <span class="label">{{ option.translated.name }}</span>
  23.         {% elseif displayType == 'text' or (displayType == 'color') %}
  24.             <span class="label">{{ option.translated.name }}</span>
  25.         {% endif %}
  26.     </label>
  27. {% endblock %}