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

Open in your IDE?
  1. {% block page_product_detail_tabs_inner %}
  2.     <div class="card card-tabs">
  3.         {% block page_product_detail_tabs_navigation %}
  4.             <div class="card-header product-detail-tab-navigation">
  5.                 {% block page_product_detail_tabs_navigation_container %}
  6.                     <ul class="nav nav-tabs product-detail-tab-navigation-list"
  7.                         id="product-detail-tabs"
  8.                         role="tablist">
  10.                         {% block page_product_detail_tabs_navigation_technical %}
  11.                             <li class="nav-item">
  12.                                 <a class="nav-link {% if (ratingSuccess != 1) or (ratingSuccess != -1) %}active{% endif %} product-detail-tab-navigation-link"
  13.                                    id="technical-tab"
  14.                                    data-toggle="tab"
  15.                                    data-offcanvas-tabs="true"
  16.                                    href="#technical-tab-pane"
  17.                                    role="tab"
  18.                                    aria-controls="technical-tab-pane"
  19.                                    aria-selected="true">
  20.                                     {{ "detail.tabsTechnical"|trans|sw_sanitize }}
  21.                                     <span class="product-detail-tab-navigation-icon">
  22.                                         {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  23.                                     </span>
  24.                                 </a>
  25.                             </li>
  26.                         {% endblock %}
  28.                         {% block page_product_detail_tabs_navigation_description %}
  30.                         {% endblock %}
  32.                         {% if page.product.customFields.custom_product_condition|length > 0 %}
  33.                             {% block page_product_detail_tabs_navigation_condition %}
  34.                                 <li class="nav-item">
  35.                                     <a class="nav-link product-detail-tab-navigation-link"
  36.                                        id="condition-tab"
  37.                                        data-toggle="tab"
  38.                                        data-offcanvas-tabs="true"
  39.                                        href="#condition-tab-pane"
  40.                                        role="tab"
  41.                                        aria-controls="condition-tab-pane"
  42.                                        aria-selected="true">
  43.                                         {{ "detail.tabsCondition"|trans|sw_sanitize }}
  44.                                         <span class="product-detail-tab-navigation-icon">
  45.                                         {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  46.                                     </span>
  47.                                     </a>
  48.                                 </li>
  49.                             {% endblock %}
  50.                         {% endif %}
  52.                         {% if expertrating|length > 0 %}
  53.                             {% block page_product_detail_tabs_navigation_expertrating %}
  54.                                 <li class="nav-item">
  55.                                     <a class="nav-link product-detail-tab-navigation-link"
  56.                                        id="expertrating-tab"
  57.                                        data-toggle="tab"
  58.                                        data-offcanvas-tabs="true"
  59.                                        href="#expertrating-tab-pane"
  60.                                        role="tab"
  61.                                        aria-controls="expertrating-tab-pane"
  62.                                        aria-selected="true">
  63.                                         {{ "detail.tabsExpertRating"|trans|sw_sanitize }}
  64.                                         <span class="product-detail-tab-navigation-icon">
  65.                                         {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  66.                                     </span>
  67.                                     </a>
  68.                                 </li>
  69.                             {% endblock %}
  70.                         {% endif %}
  72.                         {% block page_product_detail_tabs_navigation_review %}
  73.                             {% if config('core.listing.showReview') %}
  74.                                 <li class="nav-item">
  75.                                     <a class="nav-link {% if (ratingSuccess == 1) or (ratingSuccess == -1) %}active{% endif %} product-detail-tab-navigation-link"
  76.                                        id="review-tab"
  77.                                        data-toggle="tab"
  78.                                        data-offcanvas-tabs="true"
  79.                                        href="#review-tab-pane"
  80.                                        role="tab"
  81.                                        aria-controls="review-tab-pane"
  82.                                        aria-selected="true">
  83.                                         {{ "detail.tabsReview"|trans|sw_sanitize }} <span class="tab--count">{{ page.getReviews().getTotalReviews() }}</span>
  84.                                         <span class="product-detail-tab-navigation-icon">
  85.                                             {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  86.                                         </span>
  87.                                     </a>
  88.                                 </li>
  89.                             {% endif %}
  90.                         {% endblock %}
  92.                         {% block page_product_detail_tabs_downloads %}
  93.                             {% if page.product.customFields.custom_product_downloads is defined %}
  94.                                 <li class="nav-item">
  95.                                     <a class="nav-link product-detail-tab-navigation-link"
  96.                                        id="downloads-tab"
  97.                                        data-toggle="tab"
  98.                                        data-offcanvas-tabs="true"
  99.                                        role="tab"
  100.                                        href="#downloads-tab-pane"
  101.                                        aria-controls="downloads-tab-pane"
  102.                                        aria-selected="true">
  103.                                         <img src="{{ asset('bundles/esmcomputer/assets/images/Grau_4.png') }}" alt="Youtube" title="Youtube" style="width: 20px; height: 20px;">
  104.                                         {{ 'detail.sidebarDownloadHeading'|trans|sw_sanitize }}
  105.                                         <span class="product-detail-tab-navigation-icon">
  106.                                             {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  107.                                         </span>
  108.                                     </a>
  109.                                 </li>
  110.                             {% endif %}
  111.                         {% endblock %}
  113.                     </ul>
  114.                 {% endblock %}
  115.             </div>
  116.         {% endblock %}
  118.         {% block page_product_detail_tabs_content %}
  119.             <div class="product-detail-tabs-content card-body">
  120.                 {% block page_product_detail_tabs_content_container %}
  121.                     <div class="tab-content">
  122.                         {% block page_product_detail_tabs_content_technical %}
  123.                             <div class="tab-pane fade show {% if (ratingSuccess != 1) and (ratingSuccess != -1) %}active{% endif %}"
  124.                                  id="technical-tab-pane"
  125.                                  role="tabpanel"
  126.                                  aria-labelledby="technical-tab">
  128.                                 {% sw_include '@Storefront/storefront/page/product-detail/technical-details.html.twig' %}
  129.                             </div>
  130.                         {% endblock %}
  132.                         {% block page_product_detail_tabs_content_description %}
  134.                         {% endblock %}
  136.                         {% block page_product_detail_tabs_content_condition %}
  137.                             {% if page.product.customFields.custom_product_condition|length > 0 %}
  138.                                 <div class="tab-pane fade show"
  139.                                      id="condition-tab-pane"
  140.                                      role="tabpanel"
  141.                                      aria-labelledby="condition-tab">
  143.                                     {% sw_include '@Storefront/storefront/page/product-detail/condition.html.twig' %}
  144.                                 </div>
  145.                             {% endif %}
  146.                         {% endblock %}
  148.                         {% block page_product_detail_tabs_content_expertrating %}
  149.                             {% if expertrating|length > 0 %}
  150.                                 <div class="tab-pane fade show"
  151.                                      id="expertrating-tab-pane"
  152.                                      role="tabpanel"
  153.                                      aria-labelledby="expertrating-tab">
  155.                                     {% sw_include '@Storefront/storefront/page/product-detail/review/expertrating-detail.html.twig' %}
  156.                                 </div>
  157.                             {% endif %}
  158.                         {% endblock %}
  160.                         {% block page_product_detail_tabs_content_review %}
  161.                             {% if config('core.listing.showReview') %}
  162.                                 <div class="tab-pane fade show {% if (ratingSuccess == 1) or (ratingSuccess == -1) %}active{% endif %}"
  163.                                      id="review-tab-pane"
  164.                                      role="tabpanel"
  165.                                      aria-labelledby="review-tab">
  166.                                     {% sw_include '@Storefront/storefront/page/product-detail/review/review.html.twig' with {'reviews': page.reviews} %}
  167.                                 </div>
  168.                             {% endif %}
  169.                         {% endblock %}
  171.                         {% block page_product_detail_tabs_content_downloads %}
  172.                             {% if page.product.customFields.custom_product_downloads is defined %}
  173.                                 <div class="tab-pane fade show"
  174.                                      id="downloads-tab-pane"
  175.                                      role="tabpanel"
  176.                                      aria-labelledby="downloads-tab">
  178.                                     {{ page.product.customFields.custom_product_downloads|raw }}
  179.                                 </div>
  180.                             {% endif %}
  181.                         {% endblock %}
  183.                     </div>
  184.                 {% endblock %}
  185.             </div>
  186.         {% endblock %}
  187.     </div>
  188. {% endblock %}