custom/plugins/ZweiPunktCurchod/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' %}
  4. {% block page_product_detail_tabs_navigation_container %}
  5.     <ul class="nav nav-tabs product-detail-tab-navigation-list"
  6.         id="product-detail-tabs"
  7.         role="tablist">
  8.         {% block page_product_detail_tabs_navigation_description %}
  9.             <li class="nav-item col-xl-3 col-lg-3 col-md-6 col-xs-6 col-12">
  10.                 <a class="nav-link {% if (ratingSuccess != 1) and (ratingSuccess != -1) %}active{% endif %} product-detail-tab-navigation-link"
  11.                    id="description-tab"
  12.                 {{ dataBsToggleAttr }}="tab"
  13.                 data-offcanvas-tabs="true"
  14.                 href="#description-tab-pane"
  15.                 role="tab"
  16.                 aria-controls="description-tab-pane"
  17.                 aria-selected="true">
  18.                 <span>
  19.                     {{ "detail.tabsDescription"|trans|sw_sanitize }}
  20.                 </span>
  21.                 <span class="product-detail-tab-navigation-icon">
  22.                      {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  23.                  </span>
  24.                 {% if page.product.translated.description|length > 0 %}
  25.                     <span class="product-detail-tab-preview">
  26.                         {{ page.product.translated.description|raw|striptags|sw_sanitize|u.truncate(125, '…') }}
  27.                         {% if page.product.translated.description|length >= 126 %}
  28.                             <span class="product-detail-tab-preview-more">{{ "detail.tabsPreviewMore"|trans|sw_sanitize }}</span>
  29.                         {% endif %}
  30.                     </span>
  31.                 {% endif %}
  32.                 </a>
  33.             </li>
  34.         {% endblock %}
  36.         {% block page_product_detail_tabs_navigation_review %}{% endblock %}
  38.         {% block page_product_detail_tabs_navigation_datenblatt %}
  39.             {% if page.product.translated.customFields.custom_datenblatt_pdf_1|length > 0 %}
  40.                 <li class="nav-item col-xl-3 col-lg-3 col-md-6 col-xs-6 col-12">
  41.                     <a class="nav-link {% if (ratingSuccess == 1) or (ratingSuccess == -1) %}active{% endif %} product-detail-tab-navigation-link"
  42.                        id="datenblatt-tab"
  43.                     {{ dataBsToggleAttr }}="tab"
  44.                     data-offcanvas-tabs="true"
  45.                     href="#datenblatt-tab-pane"
  46.                     role="tab"
  47.                     aria-controls="datenblatt-tab-pane"
  48.                     aria-selected="true">
  49.                     {{ "cur.detail.tabs.datenblatt"|trans|raw }}
  51.                     </a>
  52.                 </li>
  53.             {% endif %}
  54.         {% endblock %}
  56.         {% block page_product_detail_tabs_navigation_eigenschaft %}
  57.             {% if page.product.sortedProperties|length > 0 %}
  58.                 <li class="nav-item col-xl-3 col-lg-3 col-md-6 col-xs-6 col-12">
  59.                     <a class="nav-link {% if (ratingSuccess == 1) or (ratingSuccess == -1) %}active{% endif %} product-detail-tab-navigation-link"
  60.                        id="eigenschaften-tab"
  61.                     {{ dataBsToggleAttr }}="tab"
  62.                     data-offcanvas-tabs="true"
  63.                     href="#eigenschaften-tab-pane"
  64.                     role="tab"
  65.                     aria-controls="eigenschaften-tab-pane"
  66.                     aria-selected="true">
  67.                     {{ "cur.detail.tabs.daten"|trans|raw }}
  68.                     </a>
  69.                 </li>
  70.             {% endif %}
  71.         {% endblock %}
  72.     </ul>
  73. {% endblock %}
  78. {% block page_product_detail_tabs_content %}
  79.     <div class="product-detail-tabs-content card-body">
  80.         {% block page_product_detail_tabs_content_container %}
  81.             <div class="tab-content">
  82.                 {% block page_product_detail_tabs_content_description %}
  83.                     {{ parent() }}
  84.                 {% endblock %}
  86.                 {% block page_product_detail_tabs_content_review %}
  88.                 {% endblock %}
  90.                 {% block page_product_detail_tabs_content_datenblatt %}
  91.                     {% if page.product.translated.customFields.custom_datenblatt_pdf_1|length > 0 %}
  92.                         <div class="tab-pane fade show {% if (ratingSuccess == 1) or (ratingSuccess == -1) %}active{% endif %}"
  93.                              id="datenblatt-tab-pane"
  94.                              role="tabpanel"
  95.                              aria-labelledby="datenblatt-tab">
  96.                             {% sw_include '@Storefront/storefront/page/product-detail/datenblatt.html.twig' %}
  97.                         </div>
  98.                     {% endif %}
  99.                 {% endblock %}
  101.                 {% block page_product_detail_tabs_content_eigenschaften %}
  102.                     {% if page.product.sortedProperties|length > 0 %}
  103.                         <div class="tab-pane fade show {% if (ratingSuccess == 1) or (ratingSuccess == -1) %}active{% endif %}"
  104.                              id="eigenschaften-tab-pane"
  105.                              role="tabpanel"
  106.                              aria-labelledby="eigenschaften-tab">
  107.                             {% sw_include '@Storefront/storefront/page/product-detail/properties.html.twig' %}
  108.                         </div>
  109.                     {% endif %}
  110.                 {% endblock %}
  111.             </div>
  112.         {% endblock %}
  113.     </div>
  114. {% endblock %}