custom/plugins/zenitPlatformHorizon/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.     {% set datasheets = [] %}
  5.     {% set datasheets = zenCustomFields.product.zenit_horizon_datasheet_one ? datasheets|merge([zenCustomFields.product.zenit_horizon_datasheet_one]) : datasheets %}
  6.     {% set datasheets = zenCustomFields.product.zenit_horizon_datasheet_two ? datasheets|merge([zenCustomFields.product.zenit_horizon_datasheet_two]) : datasheets %}
  7.     {% set datasheets = zenCustomFields.product.zenit_horizon_datasheet_three ? datasheets|merge([zenCustomFields.product.zenit_horizon_datasheet_three]) : datasheets %}
  9.     {% if theme_config('zen-product-detail-tabs-mode') is same as ('scroller') %}
  10.         <div class="card card-tabs" data-content-scroller="true">
  11.             {{ block('page_product_detail_tabs_navigation') }}
  12.             {{ block('page_product_detail_tabs_content') }}
  13.         </div>
  14.     {% else %}
  15.         {{ parent() }}
  16.     {% endif %}
  17. {% endblock %}
  19. {% block page_product_detail_tabs_navigation_review %}
  20.     {% block zen_page_product_detail_tabs_navigation_properties %}
  21.         {% if theme_config('zen-product-tabs-properties') and page.product.sortedProperties|length > 0 %}
  22.             <li class="nav-item">
  23.                 <a class="nav-link product-detail-tab-navigation-link"
  24.                    id="properties-tab"
  25.                    data-toggle="tab"
  26.                    data-offcanvas-tabs="true"
  27.                    href="#properties-tab-pane"
  28.                    role="tab"
  29.                    aria-controls="properties-tab-pane"
  30.                    aria-selected="false">
  31.                     <span>{{ 'zentheme.detail.tabsProperties'|trans }}</span>
  32.                     <span class="product-detail-tab-navigation-icon">
  33.                         {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  34.                     </span>
  35.                 </a>
  36.             </li>
  37.         {% endif %}
  38.     {% endblock %}
  40.     {% block zen_page_product_detail_tabs_navigation_video %}
  41.         {% if zenCustomFields.product.zenit_horizon_youtube_ids %}
  42.             <li class="nav-item">
  43.                 <a class="nav-link product-detail-tab-navigation-link"
  44.                    id="video-tab"
  45.                    data-toggle="tab"
  46.                    data-offcanvas-tabs="true"
  47.                    href="#video-tab-pane"
  48.                    role="tab"
  49.                    aria-controls="video-tab-pane"
  50.                    aria-selected="false">
  51.                     <span>{{ 'zentheme.detail.tabsVideo'|trans }}</span>
  52.                     <span class="product-detail-tab-navigation-icon">
  53.                         {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  54.                     </span>
  55.                 </a>
  56.             </li>
  57.         {% endif %}
  58.     {% endblock %}
  60.     {% block zen_page_product_detail_tabs_navigation_datasheets %}
  61.         {% if datasheets %}
  62.             <li class="nav-item">
  63.                 <a class="nav-link product-detail-tab-navigation-link"
  64.                    id="datasheets-tab"
  65.                    data-toggle="tab"
  66.                    data-offcanvas-tabs="true"
  67.                    href="#datasheets-tab-pane"
  68.                    role="tab"
  69.                    aria-controls="datasheets-tab-pane"
  70.                    aria-selected="false">
  71.                     <span>{{ 'zentheme.detail.tabsDatasheets'|trans }}</span>
  72.                     <span class="product-detail-tab-navigation-icon">
  73.                         {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  74.                     </span>
  75.                 </a>
  76.             </li>
  77.         {% endif %}
  78.     {% endblock %}
  80.     {% block zen_page_product_detail_tabs_navigation_manufacturer %}
  81.         {% if theme_config('zen-product-tabs-manufacturer') and page.product.manufacturer.translated.description %}
  82.             <li class="nav-item">
  83.                 <a class="nav-link product-detail-tab-navigation-link"
  84.                    id="manufacturer-tab"
  85.                    data-toggle="tab"
  86.                    data-offcanvas-tabs="true"
  87.                    href="#manufacturer-tab-pane"
  88.                    role="tab"
  89.                    aria-controls="manufacturer-tab-pane"
  90.                    aria-selected="false">
  91.                     <span>{{ 'zentheme.detail.tabsManufacturer'|trans }}</span>
  92.                     <span class="product-detail-tab-navigation-icon">
  93.                         {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  94.                     </span>
  95.                 </a>
  96.             </li>
  97.         {% endif %}
  98.     {% endblock %}
  100.     {% block zen_page_product_detail_tabs_navigation_custom_tab1 %}
  101.         {% if zenCustomFields.product.zenit_horizon_custom_tab1_title and zenCustomFields.product.zenit_horizon_custom_tab1_text %}
  102.             <li class="nav-item">
  103.                 <a class="nav-link product-detail-tab-navigation-link"
  104.                    id="custom-field1-tab"
  105.                    data-toggle="tab"
  106.                    data-offcanvas-tabs="true"
  107.                    href="#custom-field1-tab-pane"
  108.                    role="tab"
  109.                    aria-controls="custom-field1-tab-pane"
  110.                    aria-selected="false">
  111.                     <span>{{ zenCustomFields.product.zenit_horizon_custom_tab1_title }}</span>
  112.                     <span class="product-detail-tab-navigation-icon">
  113.                         {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  114.                     </span>
  115.                 </a>
  116.             </li>
  117.         {% endif %}
  118.     {% endblock %}
  120.     {% block zen_page_product_detail_tabs_navigation_custom_tab2 %}
  121.         {% if zenCustomFields.product.zenit_horizon_custom_tab2_title and zenCustomFields.product.zenit_horizon_custom_tab2_text %}
  122.             <li class="nav-item">
  123.                 <a class="nav-link product-detail-tab-navigation-link"
  124.                    id="custom-field2-tab"
  125.                    data-toggle="tab"
  126.                    data-offcanvas-tabs="true"
  127.                    href="#custom-field2-tab-pane"
  128.                    role="tab"
  129.                    aria-controls="custom-field2-tab-pane"
  130.                    aria-selected="false">
  131.                     <span>{{ zenCustomFields.product.zenit_horizon_custom_tab2_title }}</span>
  132.                     <span class="product-detail-tab-navigation-icon">
  133.                         {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  134.                     </span>
  135.                 </a>
  136.             </li>
  137.         {% endif %}
  138.     {% endblock %}
  140.     {% block zen_page_product_detail_tabs_navigation_custom_tab_global %}
  141.         {% if config('zenitPlatformHorizon.config.customTabActive') and config('zenitPlatformHorizon.config.customTabTitle') and config('zenitPlatformHorizon.config.customTabText') %}
  142.             {% set customTab = {
  143.                 'translated': {
  144.                     title: "zentheme.horizon.content.customTabTitle"|trans({"%placeholder%": config('zenitPlatformHorizon.config.customTabTitle')}),
  145.                     text: "zentheme.horizon.content.customTabText"|trans({"%placeholder%": config('zenitPlatformHorizon.config.customTabText')})
  146.                 }
  147.             } %}
  149.             <li class="nav-item">
  150.                 <a class="nav-link product-detail-tab-navigation-link"
  151.                    id="custom-field-global-tab"
  152.                    data-toggle="tab"
  153.                    data-offcanvas-tabs="true"
  154.                    href="#custom-field-global-tab-pane"
  155.                    role="tab"
  156.                    aria-controls="custom-field-global-tab-pane"
  157.                    aria-selected="false">
  158.                     <span>{{ customTab.translated.title }}</span>
  159.                     <span class="product-detail-tab-navigation-icon">
  160.                         {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  161.                     </span>
  162.                 </a>
  163.             </li>
  164.         {% endif %}
  165.     {% endblock %}
  167.     {{ parent() }}
  169. {% endblock %}
  171. {% block page_product_detail_tabs_content_review %}
  173.     {% block zen_page_product_detail_tabs_content_properties %}
  174.         {% if theme_config('zen-product-tabs-properties') and page.product.sortedProperties|length > 0 %}
  175.             <div class="tab-pane fade show"
  176.                  id="properties-tab-pane"
  177.                  role="tabpanel"
  178.                  aria-labelledby="properties-tab">
  179.                 {% sw_include '@zenitPlatformHorizon/storefront/page/product-detail/zen-properties-tab.html.twig' %}
  180.             </div>
  181.         {% endif %}
  182.     {% endblock %}
  184.     {% block zen_page_product_detail_tabs_content_video %}
  185.         {% if zenCustomFields.product.zenit_horizon_youtube_ids %}
  186.             <div class="tab-pane fade show"
  187.                  id="video-tab-pane"
  188.                  role="tabpanel"
  189.                  aria-labelledby="video-tab">
  190.                 {% sw_include '@zenitPlatformHorizon/storefront/page/product-detail/zen-video.html.twig' %}
  191.             </div>
  192.         {% endif %}
  193.     {% endblock %}
  195.     {% block zen_page_product_detail_tabs_content_datasheets %}
  196.         {% if datasheets %}
  197.             <div class="tab-pane fade show"
  198.                  id="datasheets-tab-pane"
  199.                  role="tabpanel"
  200.                  aria-labelledby="datasheets-tab">
  201.                 {% sw_include '@zenitPlatformHorizon/storefront/page/product-detail/zen-datasheets.html.twig' with {datasheetsIds: datasheets} %}
  202.             </div>
  203.         {% endif %}
  204.     {% endblock %}
  206.     {% block zen_page_product_detail_tabs_content_manufacturer %}
  207.         {% if theme_config('zen-product-tabs-manufacturer') and page.product.manufacturer.translated.description %}
  208.             <div class="tab-pane fade show"
  209.                  id="manufacturer-tab-pane"
  210.                  role="tabpanel"
  211.                  aria-labelledby="manufacturer-tab">
  212.                 {% sw_include '@zenitPlatformHorizon/storefront/page/product-detail/zen-manufacturer.html.twig' %}
  213.             </div>
  214.         {% endif %}
  215.     {% endblock %}
  217.     {% block zen_page_product_detail_tabs_content_custom_tab1 %}
  218.         {% if zenCustomFields.product.zenit_horizon_custom_tab1_title and zenCustomFields.product.zenit_horizon_custom_tab1_text %}
  219.             <div class="tab-pane fade show"
  220.                  id="custom-field1-tab-pane"
  221.                  role="tabpanel"
  222.                  aria-labelledby="custom-field1-tab">
  223.                 {% sw_include '@zenitPlatformHorizon/storefront/page/product-detail/zen-custom-tab1.html.twig' %}
  224.             </div>
  225.         {% endif %}
  226.     {% endblock %}
  228.     {% block zen_page_product_detail_tabs_content_custom_tab2 %}
  229.         {% if zenCustomFields.product.zenit_horizon_custom_tab1_title and zenCustomFields.product.zenit_horizon_custom_tab1_text %}
  230.             <div class="tab-pane fade show"
  231.                  id="custom-field2-tab-pane"
  232.                  role="tabpanel"
  233.                  aria-labelledby="custom-field2-tab">
  234.                 {% sw_include '@zenitPlatformHorizon/storefront/page/product-detail/zen-custom-tab2.html.twig' %}
  235.             </div>
  236.         {% endif %}
  237.     {% endblock %}
  239.     {% block zen_page_product_detail_tabs_content_custom_tab_global %}
  240.         {% if config('zenitPlatformHorizon.config.customTabActive') and config('zenitPlatformHorizon.config.customTabTitle') and config('zenitPlatformHorizon.config.customTabText') %}
  241.             <div class="tab-pane fade show"
  242.                  id="custom-field-global-tab-pane"
  243.                  role="tabpanel"
  244.                  aria-labelledby="custom-field-global-tab">
  245.                 {% sw_include '@zenitPlatformHorizon/storefront/page/product-detail/zen-custom-global-tab.html.twig' %}
  246.             </div>
  247.         {% endif %}
  248.     {% endblock %}
  250.     {{ parent() }}
  252. {% endblock %}