custom/plugins/sw-asus/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_inner %}
  4.     <div class="card card-tabs">
  5.         {% block page_product_detail_tabs_navigation %}
  6.             <div class="card-header product-detail-tab-navigation">
  7.                 {% block page_product_detail_tabs_navigation_container %}
  8.                     <ul class="nav nav-tabs product-detail-tab-navigation-list"
  9.                         id="product-detail-tabs"
  10.                         role="tablist">
  11.                         {% block page_product_detail_tabs_navigation_description %}
  12.                             <li class="nav-item" role="tab">
  13.                                 <a class="nav-link {% if (ratingSuccess != 1) and (ratingSuccess != -1) %}active{% endif %} product-detail-tab-navigation-link"
  14.                                    id="description-tab"
  15.                                    data-toggle="tab"
  16.                                    data-offcanvas-tabs="true"
  17.                                    href="#description-tab-pane"
  18.                                    aria-controls="description-tab-pane"
  19.                                    aria-selected="true">
  20.                                     <span>{{ "detail.tabsDescription"|trans|sw_sanitize }}</span>
  21.                                     <span class="product-detail-tab-navigation-icon">
  22.                                         {% sw_icon 'atoms-arrow-medium-right' style {'pack':'default'} %}
  23.                                     </span>
  24.                                 </a>
  25.                             </li>
  26.                         {% endblock %}
  27.                         {% block page_product_detail_tabs_navigation_review %}
  28.                             {% if page.product.customFields.plentymarkets_specs | raw and page.header.activeLanguage.id != "acea14f3bec347a092dfdabab186031c" %}
  29.                                 <li class="nav-item" role="tab">
  30.                                     <a class="nav-link {% if (ratingSuccess == 1) or (ratingSuccess == -1) %}active{% endif %} product-detail-tab-navigation-link"
  31.                                        id="technical-data-tab"
  32.                                        data-toggle="tab"
  33.                                        data-offcanvas-tabs="true"
  34.                                        href="#technical-data-tab-pane"
  35.                                        aria-controls="technical-data-tab-pane"
  36.                                        aria-selected="true">
  37.                                         {{ "asus.detailTechnicalData"|trans|sw_sanitize }}
  38.                                         <span class="product-detail-tab-navigation-icon">
  39.                                             {% sw_icon 'atoms-arrow-medium-right' style {'pack':'default'} %}
  40.                                         </span>
  41.                                     </a>
  42.                                 </li>
  43.                             {% endif %}
  44.                             {% if page.header.activeLanguage.translationCode.code == "de-DE" or page.header.activeLanguage.translationCode.code == "de-CH" or page.header.activeLanguage.translationCode.code == "fr-CH" or page.header.activeLanguage.translationCode.code == "en-GB" %}
  45.                                 <li class="nav-item" role="tab">
  46.                                     <a class="nav-link {% if (ratingSuccess == 1) or (ratingSuccess == -1) %}active{% endif %} product-detail-tab-navigation-link"
  47.                                        id="review-tab"
  48.                                        data-toggle="tab"
  49.                                        data-offcanvas-tabs="true"
  50.                                        href="#review-tab-pane"
  51.                                        aria-controls="review-tab-pane"
  52.                                        aria-selected="true">
  53.                                         {{ "asus.detailReviews"|trans|sw_sanitize }}
  54.                                         <span class="product-detail-tab-navigation-icon">
  55.                                             {% sw_icon 'atoms-arrow-medium-right' style {'pack':'default'} %}
  56.                                         </span>
  57.                                     </a>
  58.                                 </li>
  59.                             {% endif %}
  60.                         {% endblock %}
  61.                     </ul>
  62.                 {% endblock %}
  63.             </div>
  64.         {% endblock %}
  66.         {% block page_product_detail_tabs_content %}
  67.             <div class="product-detail-tabs-content card-body">
  68.                 {% block page_product_detail_tabs_content_container %}
  69.                     <div class="tab-content">
  70.                         {% block page_product_detail_tabs_content_description %}
  71.                             {{ parent() }}
  72.                         {% endblock %}
  74.                         {% if page.product.customFields.plentymarkets_specs | raw | trim %}
  75.                             <div class="tab-pane fade show {% if (ratingSuccess == 1) or (ratingSuccess == -1) %}active{% endif %}"
  76.                                  id="technical-data-tab-pane"
  77.                                  role="tabpanel"
  78.                                  aria-labelledby="technical-data-tab">
  79.                                 {% sw_include '@Storefront/storefront/page/product-detail/properties.html.twig' %}
  80.                             </div>
  81.                         {% endif %}
  83.                         {% block page_product_detail_tabs_content_review %}
  84.                             {% if page.header.activeLanguage.translationCode.code == "de-DE" or page.header.activeLanguage.translationCode.code == "de-CH" or page.header.activeLanguage.translationCode.code == "fr-CH" or page.header.activeLanguage.translationCode.code == "en-GB" %}
  85.                                 <div class="tab-pane fade show {% if (ratingSuccess == 1) or (ratingSuccess == -1) %}active{% endif %}"
  86.                                      id="review-tab-pane"
  87.                                      role="tabpanel"
  88.                                      aria-labelledby="review-tab">
  89.                                     {% sw_include '@Storefront/storefront/page/product-detail/review/review.html.twig' %}   
  90.                                 </div>
  91.                             {% endif %}
  92.                         {% endblock %}
  93.                         <div class="tab-pane fade show {% if (ratingSuccess == 1) or (ratingSuccess == -1) %}active{% endif %}"
  94.                                 id="gpsr-tab-pane"
  95.                                 role="tabpanel"
  96.                                 aria-labelledby="gpsr-tab">
  97.                             <table class="table table-striped product-detail-properties-table">
  98.                                 <tbody>
  99.                                 {# @var product \Shopware\Core\Content\Product\SalesChannel\SalesChannelProductEntity #}
  100.                                 {% for group in page.product.sortedProperties %}
  101.                                     {% block page_product_detail_properties_table_row %}
  102.                                         <tr class="properties-row">
  103.                                             {% block page_product_detail_properties_item_label %}
  104.                                                 <th class="properties-label">{{ group.translated.name|e }}:</th>
  105.                                             {% endblock %}
  106.                                             {% block page_product_detail_properties_item_value %}
  107.                                                 <td class="properties-value">
  108.                                                     {% apply spaceless %}
  109.                                                         {% for option in group.options %}
  110.                                                             {% set i = ( i | default(0) ) + 1 %}
  111.                                                             <span>{% if i > 1 %}, {% endif %}{{ option.translated.name|e }}</span>
  112.                                                         {% endfor %}
  113.                                                     {% endapply %}
  114.                                                 </td>
  115.                                             {% endblock %}
  116.                                         </tr>
  117.                                     {% endblock %}
  118.                                 {% endfor %}
  119.                                 </tbody>
  120.                             </table>  
  121.                         </div>
  122.                     </div>
  123.                 {% endblock %}
  124.             </div>
  125.         {% endblock %}
  126.     </div>
  127. {% endblock %}