custom/plugins/ATNTheme/src/Resources/views/storefront/component/buy-widget/configurator.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/component/buy-widget/configurator.html.twig' %}
  3. {% block buy_widget_configurator_option_radio_label %}
  4.     <label class="product-detail-configurator-option-label{% if isCombinableCls %} {{ isCombinableCls }}{% endif %}{% if option.groupId == '47bfa4e365554d539e34fca7c0439a93' %} automatisierung {% endif %} is-display-{{ displayType }}"
  5.             {% if displayType == 'color' and option.colorHexCode %}
  6.                 style="background-color: {{ option.colorHexCode }}"
  7.             {% endif %}
  8.            title="{{ option.translated.name }}"
  9.            for="{{ optionIdentifier }}">
  11.         {% if displayType == 'media' and media %}
  12.             {{ block ('buy_widget_configurator_option_radio_label_media') }}
  13.         {% elseif displayType == 'text' or
  14.             (displayType == 'media' and not media) or
  15.             (displayType == 'color' and not option.colorHexCode) %}
  16.             {{ block ('buy_widget_configurator_option_radio_label_text') }}
  17.         {% endif %}
  18.     </label>
  19. {% endblock %}
  21. {% block buy_widget_configurator_option_radio_label_media %}
  22.     <span>{{ option.name }}</span>
  23.     {% if media.fileExtension == "svg" %}
  24.         {% sw_thumbnails 'configurator-option-img-thumbnails' with {
  25.             media: media,
  26.             sizes: {
  27.                 'default': '52px'
  28.             },
  29.             attributes: {
  30.                 'class': 'product-detail-configurator-option-image svg-image-wbn',
  31.                 'alt': option.translated.name,
  32.                 'title': option.translated.name,
  33.                 'data-wbn-svg-inject' : 'true'
  34.             }
  35.         } %}
  36.     {% else %}
  37.         {% sw_thumbnails 'configurator-option-img-thumbnails' with {
  38.             media: media,
  39.             sizes: {
  40.                 'default': '52px'
  41.             },
  42.             attributes: {
  43.                 'class': 'product-detail-configurator-option-image',
  44.                 'alt': option.translated.name,
  45.                 'title': option.translated.name
  46.             }
  47.         } %}
  48.     {% endif %}
  49. {% endblock %}
  51. {% block buy_widget_configurator_group_title %}
  52.     <div class="product-detail-configurator-group-title">
  53.         {{ block('buy_widget_configurator_group_title_text') }}
  54.     </div>
  55.     {% if product.customFields['custom_is_gluesystem'] == "true" %}
  56.         <div class="product-detail-configurator-group-description">
  57.             {{ block('buy_widget_configurator_group_description_text') }}
  58.         </div>
  59.     {% endif %}
  60. {% endblock %}
  62. {% block buy_widget_configurator_group_description_text %}
  63.     {{ group.customFields.custom_variants_description|raw }}
  64. {% endblock %}
  66. {% block buy_widget_configurator_group_title_text %}
  67.     {% if group.translated.customFields.wbn_attributes_tooltip %}
  68.         <abbr data-toggle="tooltip" data-placement="top"
  69.               title="{{ group.translated.customFields.wbn_attributes_tooltip | sw_sanitize }}">{{ parent() }}</abbr>
  70.     {% else %}
  71.         {{ parent() }}
  72.     {% endif %}
  73. {% endblock %}