custom/static-plugins/WexoGreenAlternatives/src/Resources/views/storefront/element/cms-element-cross-selling.html.twig line 1

Open in your IDE?
  1. {% sw_extends "@Storefront/storefront/element/cms-element-cross-selling.html.twig" %}
  3. {% set elements = (element.data.crossSellings.elements|filter(item => item.crossSelling.extensions.greenAlternativeCrossSelling is not defined or item.crossSelling.extensions.greenAlternativeCrossSelling.isGreenAlternative == false)) %}
  6. {% block cms_element_cross_selling_tabs_navigation_container %}
  7.     <ul class="nav nav-tabs product-detail-tab-navigation-list"
  8.         id="product-detail-cross-selling-tabs"
  9.         role="tablist">
  10.         {% if element.data.crossSellings.elements is defined %}
  12.             {% for item in elements|filter(item => item.total > 0 and item.crossSelling.active == true) %}
  13.                 {% set crossSelling = item.crossSelling %}
  14.                 {% set products = item.products %}
  15.                 {% set id = crossSelling.id %}
  16.                 <li class="nav-item">
  17.                     <a class="nav-link product-detail-tab-navigation-link{% if loop.first %} active{% endif %}"
  18.                        id="cross-selling-tab-{{ id }}"
  19.                        data-toggle="tab"
  20.                        href="#cross-selling-tab-{{ id }}-pane"
  21.                        role="tab"
  22.                        aria-controls="cross-selling-tab-{{ id }}-pane"
  23.                        aria-selected="true">
  24.                         {{ crossSelling.translated.name }}
  25.                         <span class="product-detail-tab-navigation-icon">
  26.                                                     {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  27.                                                 </span>
  28.                     </a>
  29.                 </li>
  30.             {% endfor %}
  31.         {% endif %}
  32.     </ul>
  33. {% endblock %}
  36. {% block cms_element_cross_selling_tabs_content_container %}
  37.     <div class="tab-content">
  38.         {% if element.data.crossSellings.elements is defined %}
  39.             {% for item in elements|filter(item => item.total > 0 and item.crossSelling.active == true) %}
  40.                 {% set crossSelling = item.crossSelling %}
  41.                 {% set products = item.products %}
  42.                 {% set id = crossSelling.id %}
  43.                 <div class="tab-pane fade show{% if loop.first %} active{% endif %}"
  44.                      id="cross-selling-tab-{{ id }}-pane"
  45.                      role="tabpanel"
  46.                      aria-labelledby="cross-selling-tab-{{ id }}">
  47.                     {% set config = {
  48.                         'title': {
  49.                             'value': crossSelling.name
  50.                         },
  51.                         'border': {
  52.                             'value': false
  53.                         },
  54.                         'rotate': {
  55.                             'value': false
  56.                         },
  57.                         'products': {
  58.                             'value': products
  59.                         },
  60.                         'boxLayout': {
  61.                             'value': sliderConfig.boxLayout.value
  62.                         },
  63.                         'elMinWidth': {
  64.                             'value': sliderConfig.elMinWidth.value
  65.                         },
  66.                         'navigation': {
  67.                             'value': true
  68.                         },
  69.                         'displayMode': {
  70.                             'value': sliderConfig.displayMode.value
  71.                         },
  72.                         'verticalAlign': {
  73.                             'value': center
  74.                         }
  75.                     } %}
  77.                     {% block cms_element_cross_selling_tabs_content_container_slider %}
  78.                         {% sw_include "@Storefront/storefront/element/cms-element-product-slider.html.twig" with {
  79.                             sliderConfig: config,
  80.                             element: {
  81.                                 'data': {
  82.                                     'products': products
  83.                                 },
  84.                                 type: 'product-slider'
  85.                             }
  86.                         } %}
  87.                     {% endblock %}
  89.                 </div>
  90.             {% endfor %}
  91.         {% endif %}
  92.     </div>
  93. {% endblock %}