custom/apps/zenitAppFloatingBuybox/Resources/views/storefront/zenit-floating-buybox/floating-buybox-configurator-groups-toggle.html.twig line 1

Open in your IDE?
  1. {% block zenit_floating_buybox_configurator_groups_toggle %}
  3.     {% block zenit_floating_buybox_configurator_groups_toggle_mobile %}
  4.         <button class="product-detail-configurator-groups-toggle js-configurator-grouped-groups-toggle btn" data-toggle="collapse" data-target="#buybox-floating-configurator-grouped" role="button" aria-expanded="false" aria-controls="buybox-floating-configurator-grouped">
  5.             {% sw_icon 'arrow-medium-up' style {
  6.                 'pack': 'solid', 'size': 'xs', 'class': 'configurator-groups-toggle'
  7.             } %}
  8.             <div class="product-detail-configurator-groups-toggle-label">
  9.                 <div class="product-detail-configurator-option-text">
  10.                     {{ 'zenitAppFloatingBuybox.groupsToggleBtn.title'|trans }}
  11.                 </div>
  12.             </div>
  13.         </button>
  14.     {% endblock %}
  16.     {% block zenit_floating_buybox_configurator_groups_toggle_groups %}
  17.         {% for group in page.configuratorSettings %}
  19.             {% for option in group.options %}
  20.                 {% set isActive = false %}
  22.                 {% if option.id in page.product.optionIds %}
  23.                     {% set isActive = true %}
  24.                 {% endif %}
  28.                 {% if option.configuratorSetting.media %}
  29.                     {% set displayType = 'media' %}
  30.                     {% set media = option.configuratorSetting.media %}
  31.                 {% else %}
  32.                     {% set displayType = group.displayType %}
  33.                     {% if option.media %}
  34.                         {% set media = option.media %}
  35.                     {% else %}
  36.                         {% set media = false %}
  37.                     {% endif %}
  38.                 {% endif %}
  40.                 {% if displayType == 'color' and not option.colorHexCode or
  41.                     displayType == 'media' and not media %}
  42.                     {% set displayType = 'text' %}
  43.                 {% endif %}
  45.                 {% block zenit_floating_buybox_configurator_groups_toggle_preview %}
  46.                     {% if isActive %}
  47.                         <button class="product-detail-configurator-groups-toggle js-configurator-groups-toggle btn is-display-{{ displayType }}" data-toggle="collapse" data-target="#{{ group.translated.name }}-{{ group.id }}" role="button" aria-expanded="false" aria-controls="{{ group.translated.name }}-{{ group.id }}">
  48.                         {% sw_icon 'arrow-medium-up' style {
  49.                             'pack': 'solid', 'size': 'xs', 'class': 'configurator-groups-toggle'
  50.                         } %}
  51.                             <div class="product-detail-configurator-groups-toggle-label">
  52.                                 {% if displayType == 'color' and option.colorHexCode %}
  53.                                     <div class="product-detail-configurator-option-color" style="background-color: {{ option.colorHexCode }}"></div>
  54.                                 {% endif %}
  56.                                 {% if displayType == 'media' and media %}
  57.                                     <div class="product-detail-configurator-option-media">
  58.                                         {% sw_thumbnails 'configurator-option-img-thumbnails' with {
  59.                                             media: media,
  60.                                             sizes: {
  61.                                                 'default': '52px'
  62.                                             },
  63.                                             attributes: {
  64.                                                 'class': 'product-detail-configurator-option-image',
  65.                                                 'alt': option.translated.name,
  66.                                                 'title': option.translated.name
  67.                                             }
  68.                                         } %}
  69.                                     </div>
  70.                                 {% elseif displayType == 'text' or
  71.                                     displayType == 'select' or
  72.                                     (displayType == 'media' and not media) or
  73.                                     (displayType == 'color' and not option.colorHexCode) %}
  74.                                     {% block page_product_detail_configurator_option_radio_label_text %}
  75.                                         <div class="product-detail-configurator-option-text">{{ option.translated.name }}</div>
  76.                                     {% endblock %}
  77.                                 {% endif %}
  78.                             </div>
  79.                         </button>
  80.                     {% endif %}
  81.                 {% endblock %}
  83.             {% endfor %}
  85.         {% endfor %}
  86.     {% endblock %}
  88. {% endblock %}