custom/plugins/Wingsacademy/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' %}
  2. {% set product = page.product %}
  3. {% block page_product_detail_tabs_inner %}
  4.     {% if  product.customFields.custom_product_official_title %}
  5.         <div class="product-detail-tabs-official-title">
  6.             {{ product.customFields.custom_product_official_title }}
  7.         </div>
  8.     {% endif %}
  10.     <div class="card card-tabs wa-border-bottom-info-1 product-detail-tab-mobile-navigation">
  11.         {% block page_product_detail_tabs_navigation %}
  12.             <div class="card-header product-detail-tab-navigation">
  13.                 {% block page_product_detail_tabs_navigation_container %}
  14.                     <ul class="nav nav-tabs product-detail-tab-navigation-list"
  15.                         id="product-detail-tabs"
  16.                         style="border: none;"
  17.                         role="tablist">
  18.                         {% block page_product_detail_tabs_navigation_description %}
  19.                             <li class="nav-item">
  20.                                 <a class="nav-link {% if (ratingSuccess != 1) and (ratingSuccess != -1) %}active{% endif %} product-detail-tab-navigation-link wa-fs-16 wa-lh-28 "
  21.                                    id="description-tab"
  22.                                    {{ dataBsToggleAttr }}="tab"
  23.                                    data-offcanvas-tabs="true"
  24.                                    href="#description-tab-pane"
  25.                                    role="tab"
  26.                                    aria-controls="description-tab-pane"
  27.                                    aria-selected="true">
  28.                                     <span class=" wa-fs-16 wa-fw-semibold wa-lh-30">{{ "detail.tabsDescription"|trans|sw_sanitize }}</span>
  29.                                     <span class="product-detail-tab-navigation-icon">
  30.                                         {% sw_icon 'arrow-medium-right' style {'pack':'solid' } %}
  31.                                     </span>
  32.                                     {% if page.product.translated.description|length > 0 %}
  33.                                         <span class="product-detail-tab-preview">
  34.                                             {{ page.product.translated.description|raw|striptags|sw_sanitize|u.truncate(125, '…') }}
  36.                                             {# truncate always cuts down the length to 125 characters.
  37.                                                So it will only shorten the string if it exceeds 125 chars.
  38.                                                Therefor, only show the button when the length of the text is
  39.                                                greater or equal then 126 characters. #}
  40.                                             {% if page.product.translated.description|length >= 126 %}
  41.                                                 <span class="product-detail-tab-preview-more">{{ "detail.tabsPreviewMore"|trans|sw_sanitize }}</span>
  42.                                             {% endif %}
  43.                                         </span>
  44.                                     {% endif %}
  45.                                 </a>
  46.                             </li>
  47.                         {% endblock %}
  49.                         {% block page_product_detail_tabs_navigation_custom_fileds_lernziele %}
  50.                           {% if product.customFields.custom_product_lernziele %}
  51.                             <li class="nav-item">
  52.                                 <a class="nav-link {% if (ratingSuccess != 1) and (ratingSuccess != -1) %}active{% endif %} product-detail-tab-navigation-link wa-fs-16 wa-lh-28 "
  53.                                    id="lernziele-tab"
  54.                                    {{ dataBsToggleAttr }}="tab"
  55.                                    data-offcanvas-tabs="true"
  56.                                    href="#lernziele-tab-pane"
  57.                                    role="tab"
  58.                                    aria-controls="lernziele-tab-pane"
  59.                                    aria-selected="true">
  60.                                     <span class=" wa-fs-16 wa-fw-semibold wa-lh-30">{{ "component.product.custom_field.learning"|trans|sw_sanitize }}</span>
  61.                                     <span class="product-detail-tab-navigation-icon">
  62.                                         {% sw_icon 'arrow-medium-right' style {'pack':'solid' } %}
  63.                                     </span>
  64.                                 </a>
  65.                             </li>
  66.                           {% endif %}
  67.                         {% endblock %}
  69.                         {% block page_product_detail_tabs_navigation_review %}
  70.                             {% if config('core.listing.showReview') %}
  71.                                 <li class="nav-item">
  72.                                     <a class="nav-link {% if (ratingSuccess == 1) or (ratingSuccess == -1) %}active{% endif %} product-detail-tab-navigation-link wa-fs-16 wa-lh-28 "
  73.                                        id="review-tab"
  74.                                        {{ dataBsToggleAttr }}="tab"
  75.                                        data-offcanvas-tabs="true"
  76.                                        href="#review-tab-pane"
  77.                                        role="tab"
  78.                                        aria-controls="review-tab-pane"
  79.                                        aria-selected="true">
  80.                                         <span class=" wa-fs-16 wa-fw-semibold wa-lh-30">
  81.                                             {{ "detail.tabsReview"|trans|sw_sanitize }}
  82.                                         </span>
  83.                                         <span class="product-detail-tab-navigation-icon">
  84.                                             {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  85.                                         </span>
  86.                                     </a>
  87.                                 </li>
  88.                             {% endif %}
  89.                         {% endblock %}
  90.                     </ul>
  91.                 {% endblock %}
  92.             </div>
  93.         {% endblock %}
  95.         {% block page_product_detail_tabs_content %}
  96.             <div class="product-detail-tabs-content card-body">
  97.                 {% block page_product_detail_tabs_content_container %}
  98.                     <div class="tab-content">
  99.                         {% block page_product_detail_tabs_content_description %}
  100.                             <div class="tab-pane fade show {% if (ratingSuccess != 1) and (ratingSuccess != -1) %}active{% endif %}"
  101.                                  id="description-tab-pane"
  102.                                  role="tabpanel"
  103.                                  aria-labelledby="description-tab">
  104.                                 {% sw_include '@Storefront/storefront/page/product-detail/description.html.twig' %}
  105.                             </div>
  106.                         {% endblock %}
  108.                         {% block page_product_detail_tabs_content_custom_fileds_lernziele %}
  109.                             {% if product.customFields.custom_product_lernziele %}
  110.                                 <div class="tab-pane fade show {% if (ratingSuccess != 1) and (ratingSuccess != -1) %}active{% endif %}"
  111.                                     id="lernziele-tab-pane"
  112.                                     role="tabpanel"
  113.                                     aria-labelledby="lernziele-tab">
  114.                                     {% sw_include '@Storefront/storefront/page/product-detail/description.html.twig' with {
  115.                                         'staticContent': {
  116.                                             'description': product.customFields.custom_product_lernziele,
  117.                                             'title':  'component.product.custom_field.learning'|trans|sw_sanitize
  118.                                         }
  119.                                     } %}
  120.                                 </div>
  121.                             {% endif %}
  122.                         {% endblock %}
  124.                         {% block page_product_detail_tabs_content_review %}
  125.                             {% if config('core.listing.showReview') %}
  126.                                 <div class="tab-pane fade show {% if (ratingSuccess == 1) or (ratingSuccess == -1) %}active{% endif %}"
  127.                                      id="review-tab-pane"
  128.                                      role="tabpanel"
  129.                                      aria-labelledby="review-tab">
  130.                                     {% sw_include '@Storefront/storefront/page/product-detail/review/review.html.twig' with {'reviews': page.reviews} %}
  131.                                 </div>
  132.                             {% endif %}
  133.                         {% endblock %}
  134.                     </div>
  135.                 {% endblock %}
  136.             </div>
  137.         {% endblock %}
  138.     </div>
  140.     <div class="product-details-tab-desktop">
  141.             {% block page_product_detail_tabs_desktop_inner %}
  142.                 <div class="product-detail-tab-desktop-navigation">
  143.                     {% block page_product_detail_tabs_desktop_navigation %}
  144.                         <ul class="product-detail-tab-desktop-navigation-list">
  145.                             {% block page_product_detail_tabs_desktop_navigation_description %}
  146.                                 <li class="product-detail-tab-desktop-navigation-list-description">
  147.                                     <p class="tabs-title">{{ "detail.tabsDescription"|trans|sw_sanitize }}</p>
  148.                                     <p>
  149.                                         {% sw_include '@Storefront/storefront/page/product-detail/description.html.twig' with {
  150.                                             'props': {
  151.                                                 'withTitle': false
  152.                                             }
  153.                                         } %}
  154.                                     </p>
  155.                                 </li>
  156.                             {% endblock %}
  158.                             {% block page_product_detail_tabs_desktop_content_custom_fileds_lernziele %}
  159.                                 {% if product.customFields.custom_product_lernziele %}
  160.                                     <li class="product-detail-tab-desktop-navigation-list-learning">
  161.                                         <p class="tabs-title">{{ "component.product.custom_field.learning"|trans|sw_sanitize }}</p>
  162.                                         <p>
  163.                                             {% sw_include '@Storefront/storefront/page/product-detail/description.html.twig' with {
  164.                                                 'staticContent': {
  165.                                                     'description': product.customFields.custom_product_lernziele,
  166.                                                     'title':  'component.product.custom_field.learning'|trans|sw_sanitize
  167.                                                 },
  168.                                                 'props': {
  169.                                                     'withTitle': false
  170.                                                 }
  171.                                             } %}
  172.                                         </p>
  173.                                     </li>
  174.                                 {% endif %}
  175.                             {% endblock %}
  177.                             {% block page_product_detail_tabs_desktop_content_review %}
  178.                                 {% if config('core.listing.showReview') %}
  179.                                     <li class="product-detail-tab-desktop-navigation-list-review">
  180.                                         <p class="tabs-title"> {{ "detail.tabsReview"|trans|sw_sanitize }}</p>
  181.                                         {% sw_include '@Storefront/storefront/page/product-detail/review/review.html.twig' with {'reviews': page.reviews} %}
  182.                                     </li>
  183.                                 {% endif %}
  184.                             {% endblock %}
  185.                         </ul>
  186.                     {% endblock %}
  187.                 </div>
  188.             {% endblock %}
  189.     </div>
  190. {% endblock %}