custom/plugins/SchilderSysteme/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. {% set crossSellings = page.crossSellings %}
  6. {% block page_product_detail_tabs_navigation %}
  7.     <div class="card-header product-detail-tab-navigation">
  8.         {% block page_product_detail_tabs_navigation_container %}
  9.             <ul class="nav nav-tabs product-detail-tab-navigation-list"
  10.                 id="product-detail-tabs"
  11.                 role="tablist">
  12.                 {% block page_product_detail_tabs_navigation_description %}
  13.                     <li class="nav-item">
  14.                         <a class="nav-link {% if (ratingSuccess != 1) and (ratingSuccess != -1) %}active{% endif %} product-detail-tab-navigation-link"
  15.                            id="description-tab"
  16.                            data-toggle="tab"
  17.                            data-offcanvas-tabs="true"
  18.                            href="#description-tab-pane"
  19.                            role="tab"
  20.                            aria-controls="description-tab-pane"
  21.                            aria-selected="true">
  22.                             <span>{{ "detail.tabsDescription"|trans|sw_sanitize }}</span>
  23.                             <span class="product-detail-tab-navigation-icon">
  24.                                         {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  25.                                     </span>
  26.                             {% if page.product.translated.description|length > 0 %}
  27.                                 <span class="product-detail-tab-preview">
  28.                                             {{ page.product.translated.description|raw|striptags|sw_sanitize|u.truncate(125, '…') }}
  29.                                     {% if page.product.translated.description|length >= 126 %}
  30.                                         <span class="product-detail-tab-preview-more">{{ "detail.tabsPreviewMore"|trans|sw_sanitize }}</span>
  31.                                     {% endif %}
  32.                                         </span>
  33.                             {% endif %}
  34.                         </a>
  35.                     </li>
  36.                 {% endblock %}
  37.                 {% block page_product_detail_tabs_navigation_review %}
  38.                     {% if config('core.listing.showReview') %}
  39.                         <li class="nav-item">
  40.                             <a class="nav-link {% if (ratingSuccess == 1) or (ratingSuccess == -1) %}active{% endif %} product-detail-tab-navigation-link"
  41.                                id="review-tab"
  42.                                data-toggle="tab"
  43.                                data-offcanvas-tabs="true"
  44.                                href="#review-tab-pane"
  45.                                role="tab"
  46.                                aria-controls="review-tab-pane"
  47.                                aria-selected="true">
  48.                                 {{ "detail.tabsReview"|trans|sw_sanitize }}
  49.                                 <span class="product-detail-tab-navigation-icon">
  50.                                             {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  51.                                         </span>
  52.                             </a>
  53.                         </li>
  54.                     {% endif %}
  55.                 {% endblock %}
  56.                 {% for item in crossSellings %}
  57.                     {% set id = item.crossSelling.id %}
  58.                     {% if item.crossSelling.active and item.getProducts().elements %}
  59.                         <li class="nav-item">
  60.                             <a class="nav-link product-detail-tab-navigation-link"
  61.                                id="cs-{{ id }}-tab"
  62.                                data-toggle="tab"
  63.                                data-offcanvas-tabs="true"
  64.                                href="#cs-{{ id }}-tab-pane"
  65.                                role="tab"
  66.                                aria-controls="cs-{{ id }}-tab-pane"
  67.                                aria-selected="true">
  68.                                 {{ item.crossSelling.translated.name }}
  69.                                 <span class="product-detail-tab-navigation-icon">
  70.                                             {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  71.                                         </span>
  72.                             </a>
  73.                         </li>
  74.                     {% endif %}
  75.                 {% endfor %}
  76.             </ul>
  77.         {% endblock %}
  78.     </div>
  79. {% endblock %}
  81.  {% block page_product_detail_tabs_content_container %}
  82.      <div class="tab-content">
  83.          {% block page_product_detail_tabs_content_description %}
  84.              <div class="tab-pane fade show {% if (ratingSuccess != 1) and (ratingSuccess != -1) %}active{% endif %}"
  85.                   id="description-tab-pane"
  86.                   role="tabpanel"
  87.                   aria-labelledby="description-tab">
  88.                  {% sw_include '@Storefront/storefront/page/product-detail/description.html.twig' %}
  89.              </div>
  90.          {% endblock %}
  92.          {% block page_product_detail_tabs_content_review %}
  93.              {% if config('core.listing.showReview') %}
  94.                  <div class="tab-pane fade show {% if (ratingSuccess == 1) or (ratingSuccess == -1) %}active{% endif %}"
  95.                       id="review-tab-pane"
  96.                       role="tabpanel"
  97.                       aria-labelledby="review-tab">
  98.                      {% sw_include '@Storefront/storefront/page/product-detail/review/review.html.twig' with {'reviews': page.reviews} %}
  99.                  </div>
  100.              {% endif %}
  101.          {% endblock %}
  103.          {% for item in crossSellings %}
  104.              {% set id = item.crossSelling.id %}
  105.              {% if item.crossSelling.active and item.getProducts().elements %}
  106.                  <div class="tab-pane fade show cross-selling-tab"
  107.                       id="cs-{{ id }}-tab-pane"
  108.                       role="tabpanel"
  109.                       aria-labelledby="cs-{{ id }}-tab">
  110.                      <h3>{{ item.crossSelling.translated.name }}</h3>
  111.                      <div class="row">
  112.                          {% for product in item.getProducts().elements %}
  113.                              <div class="col-12 col-md-6 col-lg-4 mt-3">
  114.                                  {% block element_product_listing_box %}
  115.                                      {% sw_include '@Storefront/storefront/component/product/card/box.html.twig' with {
  116.                                          'layout': boxLayout,
  117.                                          'displayMode': displayMode,
  118.                                          'product':product
  119.                                      } %}
  120.                                  {% endblock %}
  121.                              </div>
  122.                          {% endfor %}
  123.                      </div>
  124.                  </div>
  125.              {% endif %}
  126.          {% endfor %}
  128.      </div>
  129.  {% endblock %}