vendor/shopware/storefront/Resources/views/storefront/element/cms-element-cross-selling.html.twig line 1

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