custom/plugins/TcinnThemeWareModern/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. {# ThemeWare® HC-Architecture® ready #}
  4. {# TODO: prüfen... #}
  6. {# ThemeWare: Product detail tab on classic product page #}
  7. {# INFO: Please note this is also available as "element/cms-element-product-description-reviews.html.twig" since SW6.4 #}
  9. {# ---------------- START: SET TEMPLATE VARS ---------------- #}
  11. {# ThemeWare: Set theme variables #}
  12. {% set twtProductDetailPropertiesPosition = theme_config('twt-product-detail-properties-position') %}
  13. {% set twtProductDetailTabManufacturerShow = theme_config('twt-product-detail-tab-manufacturer-show') %}
  14. {% set twtProductDetailTabProductVideosShow = theme_config('twt-product-detail-tab-product-videos-show') %}
  16. {% set videosAvailable = false %}
  17. {% if twtCustomFields.product.twt_modern_pro_custom_field__product__youtube_video is not empty or twtCustomFields.product.twt_modern_pro_custom_field__product__vimeo_video is not empty %}
  18.     {% set videosAvailable = true %}
  19. {% endif %}
  21. {# ---------------- END: SET TEMPLATE VARS ---------------- #}
  23. {# ThemeWare: Adjustments on tab navigation #}
  24. {% block page_product_detail_tabs_navigation_description %}
  25.     {# Default block #}
  26.     {{ parent() }}
  28.     {# ThemeWare: Show properties in individuell tab if configured #}
  29.     {# ThemeWare: Add properties tab to navigation #}
  30.     {% if twtProductDetailPropertiesPosition == 2 and page.product.sortedProperties|length > 0 %}
  31.         <li class="nav-item">
  32.             <a class="nav-link product-properties-tab-navigation-link" id="properties-tab" data-toggle="tab" data-offcanvas-tabs="true" href="#properties-tab-pane" role="tab" aria-controls="properties-tab-pane" aria-selected="true">
  33.                 {{ "twt.detail.tabProperties.title"|trans|sw_sanitize }}
  34.                 <span class="product-detail-tab-navigation-icon">
  35.                     {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  36.                 </span>
  37.             </a>
  38.         </li>
  39.     {% endif %}
  41.     {# ThemeWare: Add product videos tab to navigation #}
  42.     {% if twtProductDetailTabProductVideosShow == 2 and videosAvailable %}
  43.         <li class="nav-item">
  44.             <a class="nav-link product-manufacturer-tab-navigation-link" id="product-videos-tab" data-toggle="tab" data-offcanvas-tabs="true" href="#product-videos-tab-pane" role="tab" aria-controls="product-videos-tab-pane" aria-selected="true">
  45.                 {{ "twt.detail.tabVideos.title"|trans|sw_sanitize }}
  46.                 <span class="product-detail-tab-navigation-icon">
  47.                     {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  48.                 </span>
  49.             </a>
  50.         </li>
  51.     {% endif %}
  53.     {# ThemeWare: Add manufacturer tab to navigation #}
  54.     {# TODO: Check availability #}
  55.     {% if twtProductDetailTabManufacturerShow == 2 %}
  56.         <li class="nav-item">
  57.             <a class="nav-link product-manufacturer-tab-navigation-link" id="manufacturer-tab" data-toggle="tab" data-offcanvas-tabs="true" href="#manufacturer-tab-pane" role="tab" aria-controls="manufacturer-tab-pane" aria-selected="true">
  58.                 {{ "twt.detail.tabManufacturer.title"|trans|sw_sanitize }}
  59.                 <span class="product-detail-tab-navigation-icon">
  60.                     {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  61.                 </span>
  62.             </a>
  63.         </li>
  64.     {% endif %}
  65. {% endblock %}
  68. {# ThemeWare: Adjustments on tab content #}
  69. {% block page_product_detail_tabs_content_description %}
  70.     {# Default block > load "page/product-detail/description.html.twig" #}
  71.     {{ parent() }}
  73.     {# ThemeWare: Show properties in individuell tab if configured #}
  74.     {# ThemeWare: Add properties content to tab #}
  75.     {% if twtProductDetailPropertiesPosition == 2 and page.product.sortedProperties|length > 0 %}
  76.         <div class="tab-pane fade show"
  77.              id="properties-tab-pane"
  78.              role="tabpanel"
  79.              aria-labelledby="properties-tab">
  80.             {% sw_include '@Storefront/storefront/themeware/product-detail/twt-product-detail-tab-properties.html.twig' ignore missing %}
  81.         </div>
  82.     {% endif %}
  84.     {# ThemeWare: Add product videos content to tab #}
  85.     {% if twtProductDetailTabProductVideosShow == 2 and videosAvailable %}
  86.         <div class="tab-pane fade show"
  87.              id="product-videos-tab-pane"
  88.              role="tabpanel"
  89.              aria-labelledby="product-videos-tab">
  90.             {% sw_include '@Storefront/storefront/themeware/product-detail/twt-product-detail-tab-product-videos.html.twig' ignore missing %}
  91.         </div>
  92.     {% endif %}
  94.     {# ThemeWare: Add manufacturer content to tab #}
  95.     {# TODO: Check availability #}
  96.     {% if twtProductDetailTabManufacturerShow == 2 %}
  97.         <div class="tab-pane fade show"
  98.              id="manufacturer-tab-pane"
  99.              role="tabpanel"
  100.              aria-labelledby="manufacturer-tab">
  101.             {% sw_include '@Storefront/storefront/themeware/product-detail/twt-product-detail-tab-manufacturer.html.twig' ignore missing %}
  102.         </div>
  103.     {% endif %}
  104. {% endblock %}