custom/plugins/XioniXconfig/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">
  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.                                    role="tab"
  19.                                    aria-controls="description-tab-pane"
  20.                                    aria-selected="true">
  21.                                     <span>{{ "detail.tabsDescription"|trans|sw_sanitize }}</span>
  22.                                     <span class="product-detail-tab-navigation-icon">
  23.                                         {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  24.                                     </span>
  25.                                     {% if page.product.translated.description|length > 0 %}
  26.                                         <span class="product-detail-tab-preview">
  27.                                             {{ page.product.translated.description|raw|striptags|u.truncate(125, '…') }}
  29.                                             {# truncate always cuts down the length to 125 characters.
  30.                                                So it will only shorten the string if it exceeds 125 chars.
  31.                                                Therefor, only show the button when the length of the text is
  32.                                                greater or equal then 126 characters. #}
  33.                                             {% if page.product.translated.description|length >= 126 %}
  34.                                                 <span class="product-detail-tab-preview-more">{{ "detail.tabsPreviewMore"|trans|sw_sanitize }}</span>
  35.                                             {% endif %}
  36.                                         </span>
  37.                                     {% endif %}
  38.                                 </a>
  39.                             </li>
  40.                         {% endblock %}
  41.                         {# simplify ID access #}
  42.                         
  43.                         <li class="nav-item">
  44.                             <a class="nav-link product-detail-tab-navigation-link"
  45.                                id="x-download-tab"
  46.                                data-toggle="tab"
  47.                                data-offcanvas-tabs="true"
  48.                                href="#x-download-tab-pane"
  49.                                role="tab"
  50.                                aria-controls="x-download-tab-pane"
  51.                                aria-selected="true">
  52.                                 Datenblätter
  53.                                 <span class="product-detail-tab-navigation-icon">
  54.                                     {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  55.                                 </span>
  56.                             </a>
  57.                         </li> 
  58.                         <li class="nav-item">
  59.                             <a class="nav-link product-detail-tab-navigation-link"
  60.                                id="x-order-tab"
  61.                                data-toggle="tab"
  62.                                data-offcanvas-tabs="true"
  63.                                href="#x-order-tab-pane"
  64.                                role="tab"
  65.                                aria-controls="x-order-tab-pane"
  66.                                aria-selected="true">
  67.                                 Bestellformular
  68.                                 <span class="product-detail-tab-navigation-icon">
  69.                                     {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  70.                                 </span>
  71.                             </a>
  72.                         </li>
  73.                         {% if page.extensions.xconfig_accessories.accessories %}
  74.                         <li class="nav-item">
  75.                             <a class="nav-link product-detail-tab-navigation-link"
  76.                                id="x-accessory-tab"
  77.                                data-toggle="tab"
  78.                                data-offcanvas-tabs="true"
  79.                                href="#x-accessory-tab-pane"
  80.                                role="tab"
  81.                                aria-controls="x-accessory-tab-pane"
  82.                                aria-selected="true">
  83.                                 Zubehörartikel
  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.                         {% block page_product_detail_tabs_navigation_review %}
  91.                             {% if shopware.config.detail.showReviews %}
  92.                                 <li class="nav-item">
  93.                                     <a class="nav-link {% if (ratingSuccess == 1) or (ratingSuccess == -1) %}active{% endif %} product-detail-tab-navigation-link"
  94.                                        id="review-tab"
  95.                                        data-toggle="tab"
  96.                                        data-offcanvas-tabs="true"
  97.                                        href="#review-tab-pane"
  98.                                        role="tab"
  99.                                        aria-controls="review-tab-pane"
  100.                                        aria-selected="true">
  101.                                         {{ "detail.tabsReview"|trans|sw_sanitize }}
  102.                                         <span class="product-detail-tab-navigation-icon">
  103.                                             {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  104.                                         </span>
  105.                                     </a>
  106.                                 </li>
  107.                             {% endif %}
  108.                         {% endblock %}
  109.                         {% for shop_detail in page.extensions.xconfig.product.data.shop_details %}
  110.                             {% if shop_detail.type_id == "1" %}
  111.                                 <li class="nav-item">
  112.                                     <a class="nav-link product-detail-tab-navigation-link"
  113.                                        id="x{{ shop_detail.id}}-tab"
  114.                                        data-toggle="tab"
  115.                                        data-offcanvas-tabs="true"
  116.                                        href="#x{{ shop_detail.id}}-tab-pane"
  117.                                        role="tab"
  118.                                        aria-controls="x{{ shop_detail.id}}-tab-pane"
  119.                                        aria-selected="true">
  120.                                         {{ shop_detail.item_name|trans|sw_sanitize }}
  121.                                         <span class="product-detail-tab-navigation-icon">
  122.                                             {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  123.                                         </span>
  124.                                     </a>
  125.                                 </li>                            
  126.                             {% endif %}
  127.                         {% endfor %}
  128.                     </ul>
  129.                 {% endblock %}
  130.             </div>
  131.         {% endblock %}
  133.         {% block page_product_detail_tabs_content %}
  134.             <div class="product-detail-tabs-content card-body">
  135.                 {% block page_product_detail_tabs_content_container %}
  136.                     <div class="tab-content">
  137.                         {% block page_product_detail_tabs_content_description %}
  138.                             <div class="tab-pane fade show {% if (ratingSuccess != 1) and (ratingSuccess != -1) %}active{% endif %}"
  139.                                  id="description-tab-pane"
  140.                                  role="tabpanel"
  141.                                  aria-labelledby="description-tab">
  142.                                 {% sw_include '@Storefront/storefront/page/product-detail/description.html.twig' %}
  143.                             </div>
  144.                         {% endblock %}
  146.                         {% block page_product_detail_tabs_content_review %}
  147.                             {% if shopware.config.detail.showReviews %}
  148.                                 <div class="tab-pane fade show {% if (ratingSuccess == 1) or (ratingSuccess == -1) %}active{% endif %}"
  149.                                      id="review-tab-pane"
  150.                                      role="tabpanel"
  151.                                      aria-labelledby="review-tab">
  152.                                     {% sw_include '@Storefront/storefront/page/product-detail/review/review.html.twig' with {'reviews': page.reviews} %}
  153.                                 </div>
  154.                             {% endif %}
  155.                         {% endblock %}                        
  156.                         {% for shop_detail in page.extensions.xconfig.product.data.shop_details %}
  157.                             {% if shop_detail.type_id == "1" %}
  158.                                 <div class="tab-pane fade"
  159.                                      id="x{{ shop_detail.id}}-tab-pane"
  160.                                      role="tabpanel"
  161.                                      aria-labelledby="x{{ shop_detail.id}}-tab">
  162.                                     {% sw_include '@XioniXconfig/storefront/page/product-detail/xshopdetail_tab.html.twig' with {'shop_detail': shop_detail} %}
  163.                                 </div>                                
  164.                             {% endif %}
  165.                         {% endfor %}
  166.                         {# simplify ID access #}
  168.                             {% set media_details = page.extensions.xconfig.product.data.media_details %}
  169.                             <div class="tab-pane fade"
  170.                                  id="x-download-tab-pane"
  171.                                  role="tabpanel"
  172.                                  aria-labelledby="x-download-tab">
  173.                                 {% sw_include '@XioniXconfig/storefront/page/product-detail/xdownload_tab.html.twig' with {'media_details': media_details} %}
  174.                             </div> 
  175.                            <div class="tab-pane fade"
  176.                                  id="x-order-tab-pane"
  177.                                  role="tabpanel"
  178.                                  aria-labelledby="x-order-tab">
  179.                                 {% sw_include '@XioniXconfig/storefront/page/product-detail/xorder_tab.html.twig' %}
  180.                             </div> 
  181.                         {% if page.extensions.xconfig_accessories.accessories %}
  182.                             <div class="tab-pane fade show {% if (ratingSuccess == 1) or (ratingSuccess == -1) %}active{% endif %}"
  183.                                  id="x-accessory-tab-pane"
  184.                                  role="tabpanel"
  185.                                  aria-labelledby="x-accessory-tab">
  186.                                 {% sw_include '@XioniXconfig/storefront/page/product-detail/xaccessory_tab.html.twig' with {'accessories': page.extensions.xconfig_accessories.accessories} %}
  187.                             </div>
  188.                         {% endif %}                             
  189.                     </div>
  190.                 {% endblock %}
  191.             </div>
  192.         {% endblock %}
  193.     </div>
  194. {% endblock %}