custom/plugins/theme/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. {# offcanvas data attribute removed #}
  4. {% block page_product_detail_tabs_navigation_description %}
  5.     {% set hasDesc = page.product.sortedProperties|length > 0 or page.product.translated.description %}
  6.     {% if hasDesc %}
  7.         <li class="nav-item">
  8.             <a class="nav-link {% if (ratingSuccess != 1) and (ratingSuccess != -1) and hasDesc %}active{% endif %} product-detail-tab-navigation-link"
  9.                 id="description-tab"
  10.                 {{ dataBsToggleAttr }}="tab"
  11.                 href="#description-tab-pane"
  12.                 role="tab"
  13.                 aria-controls="description-tab-pane"
  14.                 aria-selected="true">
  15.                 <span class="product-detail-tab-navigation-icon mr-2">
  16.                     {% sw_icon 'arrow-head-right' style {'size':'xs'} %}
  17.                 </span>
  18.                 <span>{{ "detail.tabsDescription"|trans|sw_sanitize }}</span>
  19.             </a>
  20.         </li>
  21.     {% endif %}
  22. {% endblock %}
  24. {% block page_product_detail_tabs_navigation_review %}
  25.     {# Reviews are now managed by DonCarneTheme\Subscriber\ProductSubscriber #}
  26.     {% if page.product.extensions.rating %}
  27.         <li class="nav-item d-lg-inline">
  28.             <a class="nav-link product-detail-tab-navigation-link"
  29.                 id="review-tab"
  30.                 {{ dataBsToggleAttr }}="tab"
  31.                 href="#review-tab-pane"
  32.                 role="tab"
  33.                 aria-controls="review-tab-pane"
  34.                 aria-selected="true">
  35.                 <span class="product-detail-tab-navigation-icon mr-2">
  36.                     {% sw_icon 'arrow-head-right' style {'size':'xs'} %}
  37.                 </span>
  38.                 {{ "detail.tabsReview"|trans|sw_sanitize }}
  39.             </a>
  40.         </li>
  41.     {% endif %}
  42. {% endblock %}
  44. {% block page_product_detail_tabs_content_description %}
  45.     {% set hasDesc = page.product.sortedProperties|length > 0 or page.product.translated.description %}
  46.     <div class="tab-pane fade show {% if (ratingSuccess != 1) and (ratingSuccess != -1) and hasDesc %}active{% endif %}"
  47.             id="description-tab-pane"
  48.             role="tabpanel"
  49.             aria-labelledby="description-tab">
  50.         {% sw_include '@Storefront/storefront/page/product-detail/description.html.twig' %}
  51.     </div>
  52. {% endblock %}
  54. {% block page_product_detail_tabs_content_review %}
  55.     {# Reviews are now managed by DonCarneTheme\Subscriber\ProductSubscriber #}
  56.     {% if page.product.extensions.rating %}
  57.         <div class="tab-pane fade show"
  58.             id="review-tab-pane"
  59.             role="tabpanel"
  60.             aria-labelledby="review-tab">
  62.             <div class="row">
  63.                 <div class="col-12 col-lg-3 mb-lg-0 mb-4">
  64.                     {# <div>{{ page.product.extensions.rating.totalReviews }} {{ "detail.tabsReview"|trans|sw_sanitize }}</div> #}
  65.                     {% sw_include '@Storefront/storefront/component/review/rating.html.twig' with {
  66.                         points: page.product.extensions.rating.rating,
  67.                         total: page.product.extensions.rating.totalReviews,
  68.                         style: 'text-primary'
  69.                     } %}
  70.                 </div>
  71.                 <div class="col-12 col-lg-9">
  72.                     {% if page.product.extensions.reviews %}
  73.                         {% for review in (page.product.extensions.reviews.all()|slice(0,4)) %}
  74.                             {% sw_include '@Storefront/storefront/page/product-detail/custom-review-layout.html.twig' %}
  76.                             {% if not loop.last %}<hr class="border-light">{% endif %}
  77.                         {% endfor %}
  79.                         {% if (page.product.extensions.reviews.all()|length) > 4 %}
  80.                             <div data-product-reviews="true" data-product-reviews-amount="10">
  81.                                 <div id="more-reviews">
  82.                                     {% for review in (page.product.extensions.reviews.all()|slice(4,page.product.extensions.rating.totalReviews)) %}
  83.                                         <div class="s360-product-review is--hidden">
  84.                                             <hr class="border-light">
  86.                                             {% sw_include '@Storefront/storefront/page/product-detail/custom-review-layout.html.twig' %}
  87.                                         </div>
  88.                                     {% endfor %}
  89.                                 </div>
  91.                                 <div class="s360-product-reviews-trigger">
  92.                                     <span class="show-less-label" style="display: none">{{ "detail.review.collapse.showLess"|trans|sw_sanitize }}</span>
  93.                                     <span class="show-more-label">{{ "detail.review.collapse.showMore"|trans|sw_sanitize }}</span>
  94.                                 </div>
  95.                             </div>
  96.                         {% endif %}
  97.                     {% endif %}
  98.                 </div>
  99.             </div>
  100.         </div>
  101.     {% endif %}
  102. {% endblock %}