custom/static-plugins/NdVoorwindenTheme/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' %}
  4. {% block buy_widget_configurator %}
  5.     <div class="product-detail-configurator"
  6.          data-product-variations="true">
  7.         {% block buy_widget_configurator_form %}
  8.             <form>
  9.                 {% block buy_widget_configurator_csrf %}
  10.                     {% if elementId is defined and elementId is not null %}
  11.                         {{ sw_csrf('frontend.cms.buybox.switch') }}
  12.                     {% else %}
  13.                         {{ sw_csrf('frontend.detail.switch') }}
  14.                     {% endif %}
  15.                 {% endblock %}
  17.                 {% block buy_widget_configurator_groups %}
  18.                     {% block buy_widget_configurator_group %}
  19.                         <div class="product-detail-configurator-group">
  20.                             {% sw_include '@Storefront/storefront/page/product-detail/configurator/select.html.twig' with{
  21.                                 'type': 'radio',
  22.                                 'label': true,
  23.                                 'sizeGuide': true,
  24.                                 'product': page.product
  25.                             } %}
  26.                         </div>
  27.                     {% endblock %}
  28.                 {% endblock %}
  29.             </form>
  30.         {% endblock %}
  31.     </div>
  32. {% endblock %}
  34. {% block buy_widget_configurator_option_radio_label %}
  35.     <label class="product-detail-configurator-option-label block px-4 py-2 transition rounded-sm bg-grey-50 font-accent font-bold text-base border border-transparent text-grey-900 cursor-pointer hover:border-grey-600 peer-checked:border-grey-900{% if isCombinableCls %} {{ isCombinableCls }}{% endif %} is-display-{{ displayType }}"
  36.             {% if displayType == 'color' and option.colorHexCode %}
  37.                 style="background-color: {{ option.colorHexCode }}"
  38.             {% endif %}
  39.            title="{{ option.translated.name }}"
  40.            for="{{ optionIdentifier }}">
  42.         {% if displayType == 'media' and media %}
  43.             {% block buy_widget_configurator_option_radio_label_media %}
  44.                 {% sw_thumbnails 'configurator-option-img-thumbnails' with {
  45.                     media: media,
  46.                     sizes: {
  47.                         'default': '52px'
  48.                     },
  49.                     attributes: {
  50.                         'class': 'product-detail-configurator-option-image',
  51.                         'alt': option.translated.name,
  52.                         'title': option.translated.name
  53.                     }
  54.                 } %}
  55.             {% endblock %}
  56.         {% elseif displayType == 'text' or
  57.             (displayType == 'media' and not media) or
  58.             (displayType == 'color' and not option.colorHexCode) %}
  59.             {% block buy_widget_configurator_option_radio_label_text %}
  60.                 {{ option.translated.name }}
  61.             {% endblock %}
  62.         {% endif %}
  63.     </label>
  64. {% endblock %}