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