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

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/page/product-detail/tabs.html.twig' %}
  3. {% block page_product_detail_tabs_navigation_review %}
  4.     {# standard content #}
  5.     {% if config('core.listing.showReview') %}
  6.         <li class="nav-item">
  7.             <a class="nav-link {% if (ratingSuccess == 1) or (ratingSuccess == -1) %}active{% endif %} product-detail-tab-navigation-link"
  8.                id="review-tab"
  9.                data-toggle="tab"
  10.                data-offcanvas-tabs="true"
  11.                href="#review-tab-pane"
  12.                role="tab"
  13.                aria-controls="review-tab-pane"
  14.                aria-selected="true">
  15.                 {{ "detail.tabsReview"|trans|sw_sanitize }}
  16.                 <span class="product-detail-tab-navigation-icon">
  17.                                             {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  18.                                         </span>
  19.             </a>
  20.         </li>
  21.     {% endif %}
  22.     {#  extension for product equipment section #}
  23.     {% for item in page.crossSellings %}
  24.         {% set id = item.crossSelling.id %}
  25.         {% if item.crossSelling.active and item.getProducts().elements %}
  26.             <li class="nav-item">
  27.                 <a class="nav-link product-detail-tab-navigation-link"
  28.                    id="cs-{{ id }}-tab"
  29.                    data-toggle="tab"
  30.                    href="#cs-{{ id }}-tab-pane"
  31.                    role="tab"
  32.                    aria-controls="cs-{{ id }}-tab-pane"
  33.                    aria-selected="true">
  34.                     {{ item.crossSelling.translated.name }}
  35.                     <span class="product-detail-tab-navigation-icon">
  36.                                             {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  37.                                         </span>
  38.                 </a>
  39.             </li>
  40.         {% endif %}
  41.     {% endfor %}
  42. {% endblock %}
  44. {% block page_product_detail_tabs_content_review %}
  45.     {# standard content #}
  46.     {% if config('core.listing.showReview') %}
  47.         <div class="tab-pane fade show {% if (ratingSuccess == 1) or (ratingSuccess == -1) %}active{% endif %}"
  48.              id="review-tab-pane"
  49.              role="tabpanel"
  50.              aria-labelledby="review-tab">
  51.             {% sw_include '@Storefront/storefront/page/product-detail/review/review.html.twig' with {'reviews': page.reviews} %}
  52.         </div>
  53.     {% endif %}
  54.     {#  extension for product equipment section #}
  55.     {% for item in page.crossSellings %}
  56.         {% set id = item.crossSelling.id %}
  57.         {% if item.crossSelling.active and item.getProducts().elements %}
  58.             <div class="tab-pane fade show"
  59.                  id="cs-{{ id }}-tab-pane"
  60.                  role="tabpanel"
  61.                  aria-labelledby="cs-{{ id }}-tab">
  62.                 {% set config = {
  63.                     'title': {
  64.                         'value': item.crossSelling.name
  65.                     },
  66.                     'border': {
  67.                         'value': false
  68.                     },
  69.                     'rotate': {
  70.                         'value': false
  71.                     },
  72.                     'products': {
  73.                         'value': item.getProducts()
  74.                     },
  75.                     'boxLayout': {
  76.                         'value': 'standard'
  77.                     },
  78.                     'elMinWidth': {
  79.                         'value': '300px'
  80.                     },
  81.                     'navigation': {
  82.                         'value': true
  83.                     },
  84.                     'displayMode': {
  85.                         'value': 'minimal'
  86.                     },
  87.                     'verticalAlign': {
  88.                         'value': 'top'
  89.                     },
  90.                 } %}
  92.                 {% sw_include "@Storefront/storefront/element/cms-element-product-slider.html.twig" with {
  93.                     sliderConfig: config,
  94.                     element: {
  95.                         'data': {
  96.                             'products': {
  97.                                 elements: item.getProducts()
  98.                             }
  99.                         },
  100.                         type: 'product-slider'
  101.                     }
  102.                 } only %}
  103.             </div>
  104.         {% endif %}
  105.     {% endfor %}
  106. {% endblock %}