vendor/frosh/product-compare/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. {% block cms_element_cross_selling_tabs_content_container %}
  4.     <div class="tab-content">
  5.         {% for item in element.data.crossSellings.elements|filter(item => item.total > 0 and item.crossSelling.active == true) %}
  6.             {% set crossSelling = item.crossSelling %}
  7.             {% set products = item.products %}
  8.             {% set id = crossSelling.id %}
  9.             {% set crossSellingComparable = item.crossSelling.extensions.crossSellingComparable %}
  10.             {% if crossSellingComparable and crossSellingComparable.isComparable %}
  11.                 {% set page = {
  12.                     products: products,
  13.                     properties: crossSelling.extensions.compareProperties
  14.                 } %}
  15.                 <div class="tab-pane fade show{% if loop.first %} active{% endif %}"
  16.                      id="cs-{{ id }}-tab-pane"
  17.                      role="tabpanel"
  18.                      aria-labelledby="cs-{{ id }}-tab">
  19.                     <span class="hidden" data-product-slider="true"></span>
  20.                     {% sw_include '@Storefront/storefront/component/compare/content.html.twig' with {
  21.                         page: page
  22.                     } %}
  23.                 </div>
  24.             {% else %}
  25.                 <div class="tab-pane fade show{% if loop.first %} active{% endif %}"
  26.                      id="cross-selling-tab-{{ id }}-pane"
  27.                      role="tabpanel"
  28.                      aria-labelledby="cross-selling-tab-{{ id }}">
  29.                     {% set config = {
  30.                         'title': {
  31.                             'value': crossSelling.name ?: crossSelling.translated.name
  32.                         },
  33.                         'border': {
  34.                             'value': false
  35.                         },
  36.                         'rotate': {
  37.                             'value': false
  38.                         },
  39.                         'products': {
  40.                             'value': products
  41.                         },
  42.                         'boxLayout': {
  43.                             'value': sliderConfig.boxLayout.value
  44.                         },
  45.                         'elMinWidth': {
  46.                             'value': sliderConfig.elMinWidth.value
  47.                         },
  48.                         'navigation': {
  49.                             'value': true
  50.                         },
  51.                         'displayMode': {
  52.                             'value': sliderConfig.displayMode.value
  53.                         },
  54.                         'verticalAlign': {
  55.                             'value': center
  56.                         }
  57.                     } %}
  59.                     {% block cms_element_cross_selling_tabs_content_container_slider %}
  60.                         {% sw_include "@Storefront/storefront/element/cms-element-product-slider.html.twig" with {
  61.                             sliderConfig: config,
  62.                             element: {
  63.                                 'data': {
  64.                                     'products': products
  65.                                 },
  66.                                 type: 'product-slider'
  67.                             }
  68.                         } %}
  69.                     {% endblock %}
  71.                 </div>
  72.             {% endif %}
  73.         {% endfor %}
  74.     </div>
  75. {% endblock %}