{% sw_extends '@Storefront/storefront/element/cms-element-product-description-reviews.html.twig' %}{% block product_description_tabs %} <div class="pt-5 pb-10 lg:boxed-layout lg:theme-grid xl:pt-10"> {% block product_description_tabs_nav %} <nav class="product-detail-tab-navigation product-description-reviews-tab-navigation lg:col-span-10 lg:col-start-2"> <ul class="nav nav-tabs flex grid-gap-4 overflow-x-auto md:justify-center md:overflow-x-hidden lg:justify-between" id="product-detail-tabs" role="tablist"> {% for tab in tabs %} {% block product_description_tabs_nav_item %} <li class="nav-item first:ml-4 last:mr-4 md:first:ml-0 md:last:mr-0 py-8"> <a class="nav-link tab-trigger block py-2 border-b border-b-2 border-transparent font-bold text-xs font-accent uppercase whitespace-nowrap transition hover:border-b-black hover:text-black lg:text-sm {% if loop.first %}active{% endif %}" id="{{ tab.id }}-tab" data-toggle="tab" href="#{{ tab.id }}-tab-pane" role="tab" aria-controls="{{ tab.id }}-tab-pane" aria-selected="true"> {{ tab.name|trans|raw }} </a> </li> {% endblock %} {% endfor %} </ul> </nav> {% endblock %} {% block product_description_tabs_content %} <div class="product-detail-tabs-content mt-10 px-4 lg:col-span-6 lg:col-start-4 lg:px-0"> <div class="tab-content wysiwyg"> {% for tab in tabs %} {% block product_description_tabs_content_item %} {{ parent() }} {% endblock %} {% endfor %} </div> </div> {% endblock %} </div>{% endblock %}