custom/plugins/AtmosTheme/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_navigation_description %}
  4.     <li class="nav-item">
  5.         <a
  6.             class="nav-link {% if (ratingSuccess != 1) and (ratingSuccess != -1) %}active{% endif %} product-detail-tab-navigation-link"
  7.             id="description-tab"
  8.             data-toggle="tab"
  9.             data-offcanvas-tabs="true"
  10.             href="#description-tab-pane"
  11.             role="tab"
  12.             aria-controls="description-tab-pane"
  13.             aria-selected="true"
  14.         >
  15.             <span>{{ "detail.tabsDescription"|trans|sw_sanitize }}</span>
  16.             <span class="product-detail-tab-navigation-icon">
  17.                 {% sw_icon 'arrow-right' style {'pack':'atmos'} %}
  18.             </span>
  19.             {% if page.product.translated.description|length > 0 %}
  20.                 <span class="product-detail-tab-preview">
  21.                     {{ page.product.translated.description|raw|striptags|sw_sanitize|u.truncate(125, '…') }}
  23.                     {# truncate always cuts down the length to 125 characters.
  24.                        So it will only shorten the string if it exceeds 125 chars.
  25.                        Therefor, only show the button when the length of the text is
  26.                        greater or equal then 126 characters. #}
  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 %}
  37.     {% if page.product.sortedProperties|length > 0 %}
  38.         <li class="nav-item">
  39.             <a
  40.                 class="nav-link product-detail-tab-navigation-link"
  41.                 id="specs-tab"
  42.                 data-toggle="tab"
  43.                 {# @deprecated tag:v6.6.0 - Registering plugin on selector "data-offcanvas-tabs" is deprecated. Use "data-off-canvas-tabs" instead #}
  44.                 data-offcanvas-tabs="true"
  45.                 href="#specs-tab-pane"
  46.                 role="tab"
  47.                 aria-controls="specs-tab-pane"
  48.                 aria-selected="true"
  49.             >
  50.                 {{ "AtmosTheme.product.specs"|trans|striptags }}
  51.                 <span class="product-detail-tab-navigation-icon">
  52.                     {% sw_icon 'arrow-right' style {'pack':'atmos'} %}
  53.                 </span>
  54.                 <span class="product-detail-tab-preview">
  55.                     {% set breakLoop = false %}
  56.                     {% for key, group in page.product.sortedProperties %}
  57.                         {% if breakLoop == false %}
  58.                             {{ group.translated.name|e }}{% if not loop.last %}, {% endif %}
  59.                             {% if key > 6 %}
  60.                                 {% set breakLoop = true %}
  61.                             {% endif %}
  62.                         {% endif %}
  63.                     {% endfor %}  
  64.                     ...<span class="product-detail-tab-preview-more">{{ "detail.tabsPreviewMore"|trans|sw_sanitize }}</span>
  65.                 </span>                
  66.             </a>
  67.         </li>
  68.     {% endif %} 
  70.     {% if page.product.extensions.zeobvBundleProducts.salesChannelProducts %}
  71.         <li class="nav-item d-lg-none">
  72.             <a
  73.                 class="nav-link product-detail-tab-navigation-link"
  74.                 id="bundle-tab"
  75.                 data-toggle="tab"
  76.                 {# @deprecated tag:v6.6.0 - Registering plugin on selector "data-offcanvas-tabs" is deprecated. Use "data-off-canvas-tabs" instead #}
  77.                 data-offcanvas-tabs="true"
  78.                 href="#bundle-tab-pane"
  79.                 role="tab"
  80.                 aria-controls="bundle-tab-pane"
  81.                 aria-selected="true"
  82.             >
  83.                 {{ "zeobv-bundle-products.detail.tableHeaderText"|trans|sw_sanitize|striptags }}
  84.                 <span class="product-detail-tab-navigation-icon">
  85.                     {% sw_icon 'arrow-right' style {'pack':'atmos'} %}
  86.                 </span>
  87.                 <span class="product-detail-tab-preview">
  88.                     {% set breakLoop = false %}
  89.                     {% for key, product in page.product.extensions.zeobvBundleProducts.salesChannelProducts|sort((a, b) => a.extensions.zeobvProductBundleConnection.position - b.extensions.zeobvProductBundleConnection.position) %}
  90.                         {% if breakLoop == false %}
  91.                             {% set quantity = product.extensions.zeobvProductBundleConnection.quantity %}
  92.                             {{ quantity }} x {{ product.translated.name }}{% if not loop.last %}, {% endif %}
  93.                             {% if key > 4 %}
  94.                                 {% set breakLoop = true %}
  95.                             {% endif %}                            
  96.                         {% endif %}
  97.                     {% endfor %}
  98.                     ...<span class="product-detail-tab-preview-more">{{ "detail.tabsPreviewMore"|trans|sw_sanitize }}</span>
  99.                 </span>                
  100.             </a>
  101.         </li>
  102.     {% endif %}         
  103. {% endblock %}
  106. {% block page_product_detail_tabs_content_review %}
  107.     {% if page.product.sortedProperties|length > 0 %}
  108.         <div class="tab-pane fade show"
  109.              id="specs-tab-pane"
  110.              role="tabpanel"
  111.              aria-labelledby="specs-tab">
  112.                 {% sw_include '@Storefront/storefront/page/product-detail/properties-tab.html.twig' %}
  113.         </div>
  114.     {% endif %}        
  115. {% endblock %}