custom/plugins/AtmosTheme/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_groups %}  
  4.   <div class="product-detail-configurator-header">
  5.     <h2>Auswahl ändern</h2>
  6.   </div>
  7.   {{ parent() }}  
  8.   {% if page.extensions.maxiaVariantsTable.searchResult.total %}
  9.     <div class="product-detail-configurator-footer">
  10.       <a class="icon-link" href="#" data-scroll-to=".product-variant-table-container">
  11.         {% sw_icon 'list' style {'pack' : 'atmos'} %}
  12.         <span class="icon-link">
  13.          {{ "AtmosTheme.product.showAllVariants"|trans|striptags }} ({{ page.extensions.maxiaVariantsTable.searchResult.total }})
  14.         </span>
  15.       </a>
  16.     </div>
  17.   {% endif %}  
  18. {% endblock %}
  20. {% block page_product_detail_configurator_form %}  
  21.   {{ parent() }}
  22.   {% if page.configuratorSettings|length > 3 and page.crossSellings.elements %}
  23.     <div class="product-detail-configurator-overview">
  24.       <h2>Ihre Konfiguration</h2>
  25.       <span style="display: block; margin-bottom: 10px;">
  26.         {% for group in page.configuratorSettings %}
  27.           <span class="font-weight-bold">{{ group.translated.name }}:</span> 
  28.           {% for option in group.options %}
  29.             {% if option.id in page.product.optionIds %}
  30.                 {{ option.translated.name }},
  31.             {% endif %}        
  32.           {% endfor %}
  33.         {% endfor %}
  34.       </span>
  35.       <div class="product-detail-configurator-link">
  36.         <a class="icon-link" href="#" data-scroll-to=".content-main">
  37.           {% sw_icon 'arrow-up' style {'pack' : 'atmos'} %}
  38.           <span class="icon-link">
  39.             {{ "AtmosTheme.product.changeConfiguration"|trans|striptags }}
  40.           </span>
  41.         </a>
  42.       </div>
  43.       {% if page.extensions.maxiaVariantsTable.searchResult.total %}
  44.         <a class="icon-link" href="#" data-scroll-to=".product-variant-table-container">
  45.           {% sw_icon 'list' style {'pack' : 'atmos'} %}
  46.           <span class="icon-link">
  47.             {{ "AtmosTheme.product.showAllVariants"|trans|striptags }} ({{ page.extensions.maxiaVariantsTable.searchResult.total }})
  48.           </span>
  49.         </a>
  50.       {% endif %}
  51.     </div>
  52.   {% endif %} 
  53. {% endblock %}
  55. {% block page_product_detail_configurator_option_radio_label %}
  56.     <label class="product-detail-configurator-option-label{% if isCombinableCls %} {{ isCombinableCls }}{% endif %} is-display-{{ displayType }}"
  57.            {% if displayType == 'color' and option.colorHexCode %}
  58.            style="background-color: {{ option.colorHexCode }}"
  59.            {% endif %}
  60.            for="{{ optionIdentifier }}"
  61.            {% if isCombinableCls %} 
  62.               title="{{ option.translated.name }}"            
  63.            {% else %}    
  64.               data-toggle="tooltip" title="{{ "AtmosTheme.product.noChoice"|trans|striptags }}"                          
  65.            {% endif %} 
  66.            >
  68.         {% if displayType == 'media' and media %}
  69.             {% block page_product_detail_configurator_option_radio_label_media %}
  70.                 {% sw_thumbnails 'configurator-option-img-thumbnails' with {
  71.                     media: media,
  72.                     sizes: {
  73.                         'default': '52px'
  74.                     },
  75.                     attributes: {
  76.                         'class': 'product-detail-configurator-option-image',
  77.                         'alt': option.translated.name,
  78.                         'title': option.translated.name
  79.                     }
  80.                 } %}
  81.             {% endblock %}
  82.         {% elseif displayType == 'text' or
  83.                   (displayType == 'media' and not media) or
  84.                   (displayType == 'color' and not option.colorHexCode) %}
  85.             {% block page_product_detail_configurator_option_radio_label_text %}
  86.                 {{ option.translated.name }}
  87.             {% endblock %}
  88.         {% endif %}
  89.     </label>
  90. {% endblock %}