custom/plugins/TcinnThemeWareLiving/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 twtProductDetailTabCustomContentShow = theme_config('twt-product-detail-tab-custom-content-show') %}
  14. {% set twtProductDetailTabManufacturerShow = theme_config('twt-product-detail-tab-manufacturer-show') %}
  15. {% set twtProductDetailTabProductVideosShow = theme_config('twt-product-detail-tab-product-videos-show') %}
  17. {% set videosAvailable = false %}
  18. {% if twtCustomFields.product.twt_living_pro_custom_field__product__youtube_video is not empty or twtCustomFields.product.twt_living_pro_custom_field__product__vimeo_video is not empty %}
  19.     {% set videosAvailable = true %}
  20. {% endif %}
  22. {# ---------------- END: SET TEMPLATE VARS ---------------- #}
  24. {# ThemeWare: Adjustments on tab navigation #}
  25. {% block page_product_detail_tabs_navigation_description %}
  26.     {# Default block #}
  27.     {{ parent() }}
  29.     {# ThemeWare: Show properties in individuell tab if configured #}
  30.     {# ThemeWare: Add properties tab to navigation #}
  31.     {% if twtProductDetailPropertiesPosition == 2 and page.product.sortedProperties|length > 0 %}
  32.         <li class="nav-item">
  33.             <a class="nav-link product-properties-tab-navigation-link twt-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">
  34.                 {{ "twt.detail.tabProperties.title"|trans|sw_sanitize }}
  35.                 <span class="product-detail-tab-navigation-icon">
  36.                     {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  37.                 </span>
  38.             </a>
  39.         </li>
  40.     {% endif %}
  42.     {# ThemeWare: Add product videos tab to navigation #}
  43.     {% if twtProductDetailTabProductVideosShow == 2 and videosAvailable %}
  44.         <li class="nav-item">
  45.             <a class="nav-link product-videos-tab-navigation-link twt-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">
  46.                 {{ "twt.detail.tabVideos.title"|trans|sw_sanitize }}
  47.                 <span class="product-detail-tab-navigation-icon">
  48.                     {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  49.                 </span>
  50.             </a>
  51.         </li>
  52.     {% endif %}
  54.     {# ThemeWare: Add custom tab to navigation #}
  55.     {% if twtProductDetailTabCustomContentShow == 2 and twtCustomFields.product.twt_living_pro_custom_field__product__custom_tab_text is not empty %}
  56.         <li class="nav-item">
  57.             <a class="nav-link product-custom-tab-navigation-link twt-tab-navigation-link" id="custom-tab" data-toggle="tab" data-offcanvas-tabs="true" href="#custom-tab-pane" role="tab" aria-controls="custom-tab-pane" aria-selected="true">
  58.                 {# Use custom field or snippet as fallback #}
  59.                 {% if twtCustomFields.product.twt_living_pro_custom_field__product__custom_tab_title is not empty %}
  60.                     {{ twtCustomFields.product.twt_living_pro_custom_field__product__custom_tab_title }}
  61.                 {% else %}
  62.                     {{ "twt.detail.tabCustom.title"|trans }}
  63.                 {% endif %}
  64.                 <span class="product-detail-tab-navigation-icon">
  65.                     {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  66.                 </span>
  67.             </a>
  68.         </li>
  69.     {% endif %}
  71.     {# ThemeWare: Add manufacturer tab to navigation #}
  72.     {# TODO: Check availability #}
  73.     {% if twtProductDetailTabManufacturerShow == 2 %}
  74.         <li class="nav-item">
  75.             <a class="nav-link product-manufacturer-tab-navigation-link twt-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">
  76.                 {{ "twt.detail.tabManufacturer.title"|trans|sw_sanitize }}
  77.                 <span class="product-detail-tab-navigation-icon">
  78.                     {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  79.                 </span>
  80.             </a>
  81.         </li>
  82.     {% endif %}
  83. {% endblock %}
  86. {# ThemeWare: Adjustments on tab content #}
  87. {% block page_product_detail_tabs_content_description %}
  88.     {# Default block > load "page/product-detail/description.html.twig" #}
  89.     {{ parent() }}
  91.     {# ThemeWare: Show properties in individuell tab if configured #}
  92.     {# ThemeWare: Add properties content to tab #}
  93.     {% if twtProductDetailPropertiesPosition == 2 and page.product.sortedProperties|length > 0 %}
  94.         <div class="tab-pane fade show"
  95.              id="properties-tab-pane"
  96.              role="tabpanel"
  97.              aria-labelledby="properties-tab">
  98.             {% sw_include '@Storefront/storefront/themeware/product-detail/twt-product-detail-tab-properties.html.twig' ignore missing %}
  99.         </div>
  100.     {% endif %}
  102.     {# ThemeWare: Add product videos content to tab #}
  103.     {% if twtProductDetailTabProductVideosShow == 2 and videosAvailable %}
  104.         <div class="tab-pane fade show"
  105.              id="product-videos-tab-pane"
  106.              role="tabpanel"
  107.              aria-labelledby="product-videos-tab">
  108.             {% sw_include '@Storefront/storefront/themeware/product-detail/twt-product-detail-tab-product-videos.html.twig' ignore missing %}
  109.         </div>
  110.     {% endif %}
  112.     {# ThemeWare: Add custom content to tab #}
  113.     {% if twtProductDetailTabCustomContentShow == 2 and twtCustomFields.product.twt_living_pro_custom_field__product__custom_tab_text is not empty %}
  114.         <div class="tab-pane fade show"
  115.              id="custom-tab-pane"
  116.              role="tabpanel"
  117.              aria-labelledby="custom-tab">
  118.             {% sw_include '@Storefront/storefront/themeware/product-detail/twt-product-detail-tab-custom.html.twig' ignore missing %}
  119.         </div>
  120.     {% endif %}
  122.     {# ThemeWare: Add manufacturer content to tab #}
  123.     {# TODO: Check availability #}
  124.     {% if twtProductDetailTabManufacturerShow == 2 %}
  125.         <div class="tab-pane fade show"
  126.              id="manufacturer-tab-pane"
  127.              role="tabpanel"
  128.              aria-labelledby="manufacturer-tab">
  129.             {% sw_include '@Storefront/storefront/themeware/product-detail/twt-product-detail-tab-manufacturer.html.twig' ignore missing %}
  130.         </div>
  131.     {% endif %}
  132. {% endblock %}