src/Storefront/Resources/views/storefront/page/product-detail/review/review-widget.html.twig line 1

  1. {% block page_product_detail_review_widget %}
  2.     <div class="sticky-top product-detail-review-widget">
  4.         {% block page_product_detail_review_info_container %}
  5.             {% block page_product_detail_review_info %}
  6.                 <div class="product-detail-review-info js-review-info">
  8.                     {% block page_product_detail_review_title %}
  9.                         <p class="product-detail-review-title h5">
  10.                             {{ "detail.reviewTitle"|trans({'%count%': reviews.total, '%total%':reviews.totalReviews })|sw_sanitize }}
  11.                         </p>
  12.                     {% endblock %}
  14.                     {% block page_product_detail_review_overview %}
  15.                         <div class="product-detail-review-rating"
  16.                             {% if productReviewCount > 0 %}
  17.                                 itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating"
  18.                             {% endif %}>
  20.                             {% if productReviewCount > 0 %}
  21.                                 <meta itemprop="bestRating" content="5">
  22.                                 <meta itemprop="ratingCount" content="{{ productReviewCount }}">
  23.                                 <meta itemprop="ratingValue" content="{{ productAvgRating }}">
  24.                             {% endif %}
  26.                             {% sw_include '@Storefront/storefront/component/review/rating.html.twig' with {
  27.                                 points: productAvgRating,
  28.                                 style: 'text-primary'
  29.                             } %}
  31.                             {% if productReviewCount > 0 %}
  32.                                 <p class="h6">
  33.                                     {{ productAvgRating }} {{ "detail.reviewAvgRate"|trans|sw_sanitize }} {{ reviews.matrix.maxPoints }} {{ "detail.reviewAvgRateElements"|trans }}
  34.                                 </p>
  35.                             {% endif %}
  36.                         </div>
  37.                     {% endblock %}
  38.                 </div>
  39.             {% endblock %}
  41.             {% if productReviewCount > 0 %}
  42.                 <hr>
  43.             {% endif %}
  45.             {% set formAjaxSubmitOptions = {
  46.                 replaceSelectors: [".js-review-container"],
  47.                 submitOnChange: true
  48.             } %}
  50.             {% block page_product_detail_review_filter %}
  51.                 {% if productReviewCount > 0 %}
  52.                     <div class="js-review-filter">
  53.                         <form class="review-filter-form"
  54.                               action="{{ path('frontend.product.reviews', { productId: reviews.productId, parentId: reviews.parentId }) }}"
  55.                               method="post"
  56.                               data-form-ajax-submit="true"
  57.                               data-form-ajax-submit-options='{{ formAjaxSubmitOptions|json_encode }}'>
  58.                             {% if app.request.get('limit') %}
  59.                                 <input type="hidden" name="limit" value="{{ app.request.get('limit') }}">
  60.                             {% endif %}
  62.                             {% if app.request.get('language') %}
  63.                                 <input type="hidden" name="language" value="{{ app.request.get('language') }}">
  64.                             {% endif %}
  66.                             {% if app.request.get('sort') %}
  67.                                 <input type="hidden" name="sort" value="{{ app.request.get('sort') }}">
  68.                             {% endif %}
  70.                             {% for matrix in reviews.matrix.matrix %}
  71.                                 {% block page_product_detail_review_filter_box %}
  72.                                     <div class="row product-detail-review-filter">
  74.                                         {% block page_product_detail_review_filter_checkbox %}
  75.                                             <div class="col-md-8 col-lg-5 product-detail-review-checkbox">
  76.                                                 <div class="form-check">
  78.                                                     {% block page_product_detail_review_filter_checkbox_input %}
  79.                                                         <input type="checkbox"
  80.                                                                class="form-check-input"
  81.                                                                id="reviewRating{{ matrix.points }}"
  82.                                                                name="points[]"
  83.                                                             {% if app.request.get('points') %}
  84.                                                                 {% for points in app.request.get('points') %}
  85.                                                                     {% if points == matrix.points %}
  86.                                                                         checked="checked"
  87.                                                                     {% endif %}
  88.                                                                 {% endfor %}
  89.                                                             {% endif %}
  90.                                                                value="{{ matrix.points }}"
  91.                                                             {% if matrix.count < 1 %}disabled{% endif %}>
  92.                                                     {% endblock %}
  94.                                                     {% block page_product_detail_review_filter_checkbox_label %}
  95.                                                         <label class="custom-control-label text-nowrap"
  96.                                                                for="reviewRating{{ matrix.points }}">
  97.                                                             <small>{{ "detail.review#{matrix.points}PointRatingText"|trans|sw_sanitize }}
  98.                                                                 ({{ matrix.count }})</small>
  99.                                                         </label>
  100.                                                     {% endblock %}
  101.                                                 </div>
  102.                                             </div>
  103.                                         {% endblock %}
  105.                                         {% block page_product_detail_review_filter_progressbar %}
  106.                                             <div class="col d-none d-lg-block product-detail-review-progressbar-col">
  107.                                                 <div class="progress product-detail-review-progressbar-container">
  108.                                                     <div class="progress-bar product-detail-review-progressbar-bar"
  109.                                                          role="progressbar"
  110.                                                          style="width: {{ matrix.percent }}%;"
  111.                                                          aria-valuenow="{{ matrix.percent }}"
  112.                                                          aria-valuemin="0"
  113.                                                          aria-valuemax="100"></div>
  114.                                                 </div>
  115.                                             </div>
  116.                                         {% endblock %}
  118.                                         {% block page_product_detail_review_filter_share %}
  119.                                             <div class="col-12 col-md-3 product-detail-review-share">
  120.                                                 <p><small>{{ matrix.percent|round }}%</small></p>
  121.                                             </div>
  122.                                         {% endblock %}
  123.                                     </div>
  124.                                 {% endblock %}
  125.                             {% endfor %}
  126.                         </form>
  127.                     </div>
  129.                     {% block page_product_detail_review_filter_divider %}
  130.                         <hr/>
  131.                     {% endblock %}
  132.                 {% endif %}
  133.             {% endblock %}
  134.         {% endblock %}
  136.         {% block page_product_detail_review_form_teaser %}
  137.             <div class="product-detail-review-teaser js-review-teaser">
  139.                 {% block page_product_detail_review_form_teaser_header %}
  140.                     <p class="h4">
  141.                         {% if not reviews.customerReview %}
  142.                             {{ "detail.reviewTeaserTitle"|trans|sw_sanitize }}
  143.                         {% else %}
  144.                             {{ "detail.reviewExistsTeaserTitle"|trans|sw_sanitize }}
  145.                         {% endif %}
  146.                     </p>
  147.                 {% endblock %}
  149.                 {% block page_product_detail_review_form_teaser_text %}
  150.                     <p>
  151.                         {% if not reviews.customerReview %}
  152.                             {{ "detail.reviewTeaserText"|trans|sw_sanitize }}
  153.                         {% else %}
  154.                             {{ "detail.reviewExistsTeaserText"|trans|sw_sanitize }}
  155.                         {% endif %}
  156.                     </p>
  157.                 {% endblock %}
  159.                 {% block page_product_detail_review_form_teaser_button %}
  160.                     <button class="btn btn-primary product-detail-review-teaser-btn"
  161.                             type="button"
  162.                             data-bs-toggle="collapse"
  163.                             data-bs-target=".multi-collapse"
  164.                             aria-expanded="false"
  165.                             aria-controls="review-form review-list">
  166.                         <span class="product-detail-review-teaser-show">
  167.                             {% if not reviews.customerReview %}
  168.                                 {{ "detail.reviewTeaserButton"|trans|sw_sanitize }}
  169.                             {% else %}
  170.                                 {{ "detail.reviewExistsTeaserButton"|trans|sw_sanitize }}
  171.                             {% endif %}
  172.                         </span>
  173.                         <span class="product-detail-review-teaser-hide">
  174.                             {{ "detail.reviewTeaserButtonHide"|trans|sw_sanitize }}
  175.                         </span>
  176.                     </button>
  177.                 {% endblock %}
  178.             </div>
  179.         {% endblock %}
  180.     </div>
  181. {% endblock %}