custom/static-plugins/NdTheme/src/Resources/views/storefront/element/cms-element-product-description-reviews.html.twig line 1

Open in your IDE?
  1. {% block element_product_desciption_reviews %}
  2.     {% set product = element.data.product %}
  3.     {# Please keep in mind that the ID of the tabs is being used to DYNAMICALLY include twig templates. Therefore this entire functionality depends on the existence of those templates. #}
  4.     {% set tabs = [
  5.         {
  6.             'name': "pages.product.tab-details-title",
  7.             'id': 'details',
  8.         },
  9.         {
  10.             'name': "pages.product.tab-size-title",
  11.             'id' : 'size-fit',
  12.         },
  13.         {
  14.             'name' : "pages.product.tab-delivery-return-title",
  15.             'id' : 'delivery-return',
  16.         }
  17.     ] %}
  20.     {% if config('core.listing.showReview') %}
  21.         {% set tabs = tabs|merge([
  22.             {
  23.                 'name': "detail.tabsReview",
  24.                 'id': 'reviews',
  25.             },
  26.         ]) %}
  27.     {% endif %}
  29.     {% if element.data.product %}
  30.         {% block product_description_tabs %}
  31.             <div class="section-p-y xl:mt-14">
  32.                 {% block product_description_tabs_nav %}
  33.                     <nav class="product-detail-tab-navigation product-description-reviews-tab-navigation">
  34.                         <ul class="nav nav-tabs flex grid-gap-4 overflow-x-auto md:justify-center md:overflow-x-hidden lg:grid-gap-x-20"
  35.                             id="product-detail-tabs"
  36.                             role="tablist">
  37.                             {% for tab in tabs %}
  38.                                 {% block product_description_tabs_nav_item %}
  39.                                     <li class="nav-item first:ml-8 last:mr-8 md:first:ml-0 md:last:mr-0">
  40.                                         <a class="nav-link tab-trigger block py-2 border-b border-transparent text-grey-600 text-lg font-light whitespace-nowrap transition hover:border-b-black hover:text-black md:py-3 lg:text-3xl {% if loop.first %}active{% endif %}"
  41.                                            id="{{ tab.id }}-tab"
  42.                                            data-toggle="tab"
  43.                                            href="#{{ tab.id }}-tab-pane"
  44.                                            role="tab"
  45.                                            aria-controls="{{ tab.id }}-tab-pane"
  46.                                            aria-selected="true">
  47.                                             {{ tab.name|trans|raw }}
  48.                                         </a>
  49.                                     </li>
  50.                                 {% endblock %}
  51.                             {% endfor %}
  52.                         </ul>
  53.                     </nav>
  54.                 {% endblock %}
  56.                 {% block product_description_tabs_content %}
  57.                     <div class="product-detail-tabs-content boxed-layout mt-6 md:max-w-[540px] md:mx-auto lg:!max-w-[750px]">
  58.                         <div class="tab-content">
  59.                             {% for tab in tabs %}
  60.                                 {% block product_description_tabs_content_item %}
  61.                                     <div class="tab-pane fade show {% if loop.first %}active{% endif %}"
  62.                                          id="{{ tab.id }}-tab-pane"
  63.                                          role="tabpanel"
  64.                                          aria-labelledby="{{ tab.id }}-tab">
  65.                                         {# Please keep in mind that the ID of the tabs is being used to DYNAMICALLY include twig templates.
  66.                             Therefore this entire functionality depends on the existence of those templates. #}
  67.                                         {% sw_include '@Storefront/storefront/page/product-detail/tabs/'~ tab.id ~'.html.twig' ignore missing with {
  68.                                             tab: tab
  69.                                         } %}
  70.                                     </div>
  71.                                 {% endblock %}
  72.                             {% endfor %}
  73.                         </div>
  74.                     </div>
  76.                 {% endblock %}
  77.             </div>
  78.         {% endblock %}
  79.     {% endif %}
  80. {% endblock %}