custom/static-plugins/CytexTheme/src/Resources/views/storefront/page/product-detail/tabs/cytex-product-detail-tabs.html.twig line 1

Open in your IDE?
  1. {% block page_product_tabs_desktop %}
  2.     <div class="cytex-product-detail-tabs-desktop d-none d-md-block">
  3.         <div class="cytex-product-detail-tabs container p-0">
  4.             <ul class="nav cytex-product-detail-tabs-navigation col-12 col-md-3 p-0" role="tablist">
  5.                 {% block page_product_tab_link_details %}
  6.                     <li class="nav-item" role="presentation">
  7.                         <a class="nav-link active" id="detail-tab" data-toggle="tab" href="#tab-detail" role="tab"
  8.                            aria-controls="details"
  9.                            aria-selected="true">{{ "detail.tabsDescription"|trans|sw_sanitize }}</a>
  10.                     </li>
  11.                 {% endblock %}
  12.                 {% block page_product_tab_link_specifications %}
  13.                     {% if page.product.extensions['additionalProductInfo'].customField1 or page.product.sortedProperties|length > 0 %}
  14.                         <li class="nav-item" role="presentation">
  15.                             <a class="nav-link" id="specifications-tab" data-toggle="tab" href="#tab-specifications"
  16.                                role="tab"
  17.                                aria-controls="specifications"
  18.                                aria-selected="false">{{ "cytex-theme.product.detail.tabs.specifications"|trans|sw_sanitize }}</a>
  19.                         </li>
  20.                     {% endif %}
  21.                 {% endblock %}
  22.                 {% block page_product_tab_link_prepackage %}
  23.                     {% if page.product.extensions['additionalProductInfo'].customField2 %}
  24.                         <li class="nav-item" role="presentation">
  25.                             <a class="nav-link" id="prepackage-tab" data-toggle="tab" href="#tab-prepackage" role="tab"
  26.                                aria-controls="prepackage"
  27.                                aria-selected="false">{{ "cytex-theme.product.detail.tabs.prepackage"|trans|sw_sanitize }}</a>
  28.                         </li>
  29.                     {% endif %}
  30.                 {% endblock %}
  31.                 {% set downloadsConfig = config('WexoProductDownloads.config') %}
  32.                 {% if config('WexoProductDownloads.config') and page.product.wexoProductDownloads.files %}
  33.                     {% block page_product_tab_link_downloads %}
  34.                         <li class="nav-item" role="presentation">
  35.                             <a class="nav-link" id="downloads-tab" data-toggle="tab" href="#tab-downloads" role="tab"
  36.                                aria-controls="downloads"
  37.                                aria-selected="false">{{ "wexoProductDownloads.detail.title"|trans|sw_sanitize }}</a>
  38.                         </li>
  39.                     {% endblock %}
  40.                 {% endif %}
  41.             </ul>
  43.             <div class="justify-content-center col-12 col-md-9 cytex-product-detail-tabs-content">
  44.                 <div class="tab-content">
  45.                     {% block page_product_tab_content_details %}
  46.                         <div class="tab-pane fade show active" id="tab-detail" role="tabpanel"
  47.                              aria-labelledby="details-tab">
  48.                             {% sw_include '@Storefront/storefront/page/product-detail/description.html.twig' %}
  49.                         </div>
  50.                     {% endblock %}
  51.                     {% block page_product_tab_content_specifications %}
  52.                         <div class="tab-pane fade" id="tab-specifications" role="tabpanel"
  53.                              aria-labelledby="specifications-tab">
  54.                             {% sw_include '@Storefront/storefront/page/product-detail/tabs/product-specifications.html.twig' %}
  55.                         </div>
  56.                     {% endblock %}
  57.                     {% block page_product_tab_content_prepackage %}
  58.                         <div class="tab-pane fade" id="tab-prepackage" role="tabpanel"
  59.                              aria-labelledby="prepackage-tab">
  60.                             {% sw_include '@Storefront/storefront/page/product-detail/tabs/product-prepackage.html.twig' %}
  61.                         </div>
  62.                     {% endblock %}
  64.                     {% block page_product_tab_content_downloads %}
  65.                         <div class="tab-pane fade cytex-product-detail-downloads" id="tab-downloads" role="tabpanel"
  66.                              aria-labelledby="prepackage-tab">
  67.                             {% sw_include '@WexoProductDownloads/storefront/page/product-detail/downloads.html.twig' %}
  68.                         </div>
  69.                     {% endblock %}
  70.                 </div>
  71.             </div>
  72.         </div>
  73.     </div>
  74. {% endblock %}
  76. {% block page_product_tabs_mobile %}
  77.     <div class="cytex-product-detail-tabs-mobile d-block d-md-none">
  78.         <div class="cytex-product-detail-tabs container p-0 d-flex flex-column">
  79.             {% block page_product_tab_link_details_mobile %}
  80.                 <button class="btn cytex-btn-accordion" type="button" data-toggle="collapse" data-target="#collapse-detail"
  81.                         aria-expanded="true">
  82.                     {{ "detail.tabsDescription"|trans|sw_sanitize }}
  83.                 </button>
  84.                 <div class="collapse fade show" id="collapse-detail">
  85.                     {% sw_include '@Storefront/storefront/page/product-detail/description.html.twig' %}
  86.                 </div>
  87.             {% endblock %}
  88.             {% block page_product_tab_link_specifications_mobile %}
  89.                 {% if page.product.extensions['additionalProductInfo'].customField1 or page.product.sortedProperties|length > 0 %}
  90.                     <button class="btn cytex-btn-accordion" type="button" data-toggle="collapse"
  91.                             data-target="#collapse-specifications" aria-expanded="false">
  92.                         {{ "cytex-theme.product.detail.tabs.specifications"|trans|sw_sanitize }}
  93.                     </button>
  94.                     <div class="collapse fade" id="collapse-specifications">
  95.                         {% sw_include '@Storefront/storefront/page/product-detail/tabs/product-specifications.html.twig' %}
  96.                     </div>
  97.                 {% endif %}
  98.             {% endblock %}
  99.             {% block page_product_tab_link_prepackage_mobile %}
  100.                 {% if page.product.extensions['additionalProductInfo'].customField2 %}
  101.                     <button class="btn cytex-btn-accordion" type="button" data-toggle="collapse"
  102.                             data-target="#collapse-prepackage" aria-expanded="false">
  103.                         {{ "cytex-theme.product.detail.tabs.prepackage"|trans|sw_sanitize }}
  104.                     </button>
  105.                     <div class="collapse fade" id="collapse-prepackage">
  106.                         {% sw_include '@Storefront/storefront/page/product-detail/tabs/product-prepackage.html.twig' %}
  107.                     </div>
  108.                 {% endif %}
  109.             {% endblock %}
  110.             {% set downloadsConfig = config('WexoProductDownloads.config') %}
  111.             {% if config('WexoProductDownloads.config') and page.product.wexoProductDownloads.files %}
  112.                 {% block page_product_tab_link_downloads_mobile %}
  113.                     <button class="btn cytex-btn-accordion" type="button" data-toggle="collapse"
  114.                             data-target="#collapse-downloads" aria-expanded="false">
  115.                         {{ "wexoProductDownloads.detail.title"|trans|sw_sanitize }}
  116.                     </button>
  117.                     <div class="collapse fade cytex-product-detail-downloads" id="collapse-downloads">
  118.                         {% sw_include '@WexoProductDownloads/storefront/page/product-detail/downloads.html.twig' %}
  119.                     </div>
  120.                 {% endblock %}
  121.             {% endif %}
  122.         </div>
  123.     </div>
  124. {% endblock %}