custom/plugins/HuebertAccessoriesDirectly/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. {% block page_product_detail_cross_selling_tabs_inner %}
  4.     {% set counter = 0 %}
  5.     {% for item in crossSellings %}
  6.         {% if item.crossSelling.active and item.getProducts().elements and (item.crossSelling.display == "everywhere" or item.crossSelling.display == "sliderOnly" or not item.crossSelling.display) %}
  7.             {% set counter = counter + 1 %}
  8.         {% endif %}
  9.     {% endfor %}
  11.     {% if counter > 0 %}
  12.         {{ parent() }}
  13.     {% endif %}
  14. {% endblock %}
  16. {% block page_product_detail_cross_selling_tabs_navigation_container %}
  17.     <ul class="nav nav-tabs product-detail-tab-navigation-list"
  18.         id="product-detail-cross-selling-tabs"
  19.         role="tablist">
  20.         {% for item in crossSellings %}
  21.             {% set id = item.crossSelling.id %}
  22.             {% if item.crossSelling.active and item.getProducts().elements and (item.crossSelling.display == "everywhere" or item.crossSelling.display == "sliderOnly" or not item.crossSelling.display) %}
  23.                 <li class="nav-item">
  24.                     <a class="nav-link product-detail-tab-navigation-link{% if not isActiveTab and (item.crossSelling.display == "everywhere" or item.crossSelling.display == "sliderOnly" or not item.crossSelling.display) %} active{% set isActiveTab = true %}{% endif %}"
  25.                        id="cs-{{ id }}-tab"
  26.                        data-toggle="tab"
  27.                        href="#cs-{{ id }}-tab-pane"
  28.                        role="tab"
  29.                        aria-controls="cs-{{ id }}-tab-pane"
  30.                        aria-selected="true">
  31.                         {{ item.crossSelling.translated.name }}
  32.                         <span class="product-detail-tab-navigation-icon">
  33.                             {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  34.                         </span>
  35.                     </a>
  36.                 </li>
  37.             {% endif %}
  38.         {% endfor %}
  39.     </ul>
  40. {% endblock %}
  42. {% block page_product_detail_cross_selling_tabs_content_container %}
  43.     <div class="tab-content">
  44.         {% for item in crossSellings %}
  45.             {% set id = item.crossSelling.id %}
  46.             {% if item.crossSelling.active and item.getProducts().elements and (item.crossSelling.display == "everywhere" or item.crossSelling.display == "sliderOnly" or not item.crossSelling.display) %}
  47.                 <div class="tab-pane fade show{% if not isActiveContent and (item.crossSelling.display == "everywhere" or item.crossSelling.display == "sliderOnly" or not item.crossSelling.display) %} active{% set isActiveContent = true %}{% endif %}"
  48.                      id="cs-{{ id }}-tab-pane"
  49.                      role="tabpanel"
  50.                      aria-labelledby="cs-{{ id }}-tab">
  51.                     {% set config = {
  52.                         'title': {
  53.                             'value': item.crossSelling.name
  54.                         },
  55.                         'border': {
  56.                             'value': false
  57.                         },
  58.                         'rotate': {
  59.                             'value': false
  60.                         },
  61.                         'products': {
  62.                             'value': item.getProducts()
  63.                         },
  64.                         'boxLayout': {
  65.                             'value': 'standard'
  66.                         },
  67.                         'elMinWidth': {
  68.                             'value': '300px'
  69.                         },
  70.                         'navigation': {
  71.                             'value': true
  72.                         },
  73.                         'displayMode': {
  74.                             'value': 'minimal'
  75.                         },
  76.                         'verticalAlign': {
  77.                             'value': 'top'
  78.                         },
  79.                     } %}
  81.                     {% sw_include "@Storefront/storefront/element/cms-element-product-slider.html.twig" with {
  82.                         sliderConfig: config,
  83.                         element: {
  84.                             'data': {
  85.                                 'products': {
  86.                                     elements: item.getProducts()
  87.                                 }
  88.                             },
  89.                             type: 'product-slider'
  90.                         }
  91.                     } only %}
  92.                 </div>
  93.             {% endif %}
  94.         {% endfor %}
  95.     </div>
  96. {% endblock %}