custom/plugins/zenitPlatformHorizon/src/Resources/views/storefront/page/product-detail/cross-selling/tabs.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/page/product-detail/cross-selling/tabs.html.twig' %}
  3. {# TODO: @zenit check on sw update #}
  4. {% block page_product_detail_cross_selling_tabs_content %}
  5.     <div class="product-detail-tabs-content card-body">
  6.         {% block page_product_detail_cross_selling_tabs_content_container %}
  7.             <div class="tab-content">
  8.                 {% for item in crossSellings|filter(item => item.total > 0 and item.crossSelling.active == true) %}
  9.                     {% set id = item.crossSelling.id %}
  10.                     {# ... changes displayMode from minimal to standard #}
  11.                     {# ... changes boxLayout from standard to minimal #}
  12.                     <div class="tab-pane fade show{% if loop.first %} active{% endif %}"
  13.                          id="cs-{{ id }}-tab-pane"
  14.                          role="tabpanel"
  15.                          aria-labelledby="cs-{{ id }}-tab">
  16.                         {% set config = {
  17.                             'title': {
  18.                                 'value': item.crossSelling.name ?: item.crossSelling.translated.name
  19.                             },
  20.                             'border': {
  21.                                 'value': false
  22.                             },
  23.                             'rotate': {
  24.                                 'value': false
  25.                             },
  26.                             'products': {
  27.                                 'value': item.getProducts()
  28.                             },
  29.                             'boxLayout': {
  30.                                 'value': 'minimal'
  31.                             },
  32.                             'elMinWidth': {
  33.                                 'value': '300px'
  34.                             },
  35.                             'navigation': {
  36.                                 'value': true
  37.                             },
  38.                             'displayMode': {
  39.                                 'value': 'standard'
  40.                             },
  41.                             'verticalAlign': {
  42.                                 'value': 'top'
  43.                             },
  44.                         } %}
  46.                         {% sw_include "@Storefront/storefront/element/cms-element-product-slider.html.twig" with {
  47.                             sliderConfig: config,
  48.                             element: {
  49.                                 'data': {
  50.                                     'products': {
  51.                                         elements: item.getProducts()
  52.                                     }
  53.                                 },
  54.                                 type: 'product-slider'
  55.                             }
  56.                         } %}
  57.                     </div>
  58.                 {% endfor %}
  59.             </div>
  60.         {% endblock %}
  61.     </div>
  62. {% endblock %}