vendor/shopware/storefront/Resources/views/storefront/page/product-detail/review/review-widget.html.twig line 1

Open in your IDE?
  1. {% block page_product_detail_review_widget %}
  2.     <div class="sticky-top product-detail-review-widget">
  3.         {% block page_product_detail_review_info_container %}
  4.             {% block page_product_detail_review_info %}
  5.                 <div class="product-detail-review-info js-review-info">
  6.                     {% block page_product_detail_review_title %}
  7.                         <p class="product-detail-review-title h5">
  8.                             {{ "detail.reviewTitle"|trans({'%count%': reviews.total, '%total%':reviews.totalReviews })|sw_sanitize }}
  9.                         </p>
  10.                     {% endblock %}
  12.                     {% block page_product_detail_review_overview %}
  13.                         <div class="product-detail-review-rating"
  14.                              itemprop="aggregateRating"
  15.                              itemscope
  16.                              itemtype="https://schema.org/AggregateRating">
  17.                             <meta itemprop="ratingValue" content="{{ productAvgRating }}">
  18.                             <meta itemprop="bestRating" content="5">
  19.                             <meta itemprop="ratingCount" content="{{ productReviewCount }}">
  20.                             <p>
  21.                                 {% sw_include '@Storefront/storefront/component/review/rating.html.twig' with {
  22.                                     points: productAvgRating,
  23.                                     style: 'text-primary'
  24.                                 } %}
  25.                             </p>
  26.                             {% if productReviewCount > 0 %}
  27.                                 <p class="h6">
  28.                                     {{ productAvgRating|round(1) }} {{ "detail.reviewAvgRate"|trans|sw_sanitize }} {{ reviews.matrix.maxPoints }} {{ "detail.reviewAvgRateElements"|trans }}
  29.                                 </p>
  30.                             {% endif %}
  31.                         </div>
  32.                     {% endblock %}
  33.                 </div>
  34.             {% endblock %}
  36.             {% if productReviewCount > 0 %}
  37.                 <hr>
  38.             {% endif %}
  40.             {% set formAjaxSubmitOptions = {
  41.                 replaceSelectors: [
  42.                     ".js-review-info",
  43.                     ".js-review-teaser",
  44.                     ".js-review-content"
  45.                 ],
  46.                 submitOnChange: true
  47.             } %}
  49.             {% block page_product_detail_review_filter %}
  50.                 {% if productReviewCount > 0 %}
  51.                     <div class="js-review-filter">
  52.                         <form class="review-filter-form"
  53.                           action="{{ path('frontend.product.reviews', { productId: reviews.productId, parentId: reviews.parentId }) }}"
  54.                           method="post"
  55.                           data-form-ajax-submit="true"
  56.                           data-form-ajax-submit-options='{{ formAjaxSubmitOptions|json_encode }}'>
  58.                             {% block page_product_detail_review_filter_csrf %}
  59.                                 {{ sw_csrf('frontend.product.reviews') }}
  60.                             {% endblock %}
  62.                         {% if app.request.get('limit') %}
  63.                             <input type="hidden" name="limit" value="{{ app.request.get('limit') }}">
  64.                         {% endif %}
  66.                         {% if app.request.get('language') %}
  67.                             <input type="hidden" name="language" value="{{ app.request.get('language') }}">
  68.                         {% endif %}
  70.                         {% if app.request.get('sort') %}
  71.                             <input type="hidden" name="sort" value="{{ app.request.get('sort') }}">
  72.                         {% endif %}
  74.                         {% for matrix in reviews.matrix.matrix %}
  75.                             {% block page_product_detail_review_filter_box %}
  76.                                 <div class="row product-detail-review-filter">
  77.                                     {% block page_product_detail_review_filter_checkbox %}
  78.                                         <div class="col-md-8 col-lg-5 product-detail-review-checkbox">
  79.                                             <div class="custom-control custom-checkbox">
  80.                                                 {% block page_product_detail_review_filter_checkbox_input %}
  81.                                                     <input type="checkbox"
  82.                                                            class="custom-control-input"
  83.                                                            id="reviewRating{{ matrix.points }}"
  84.                                                            name="points[]"
  85.                                                             {% if app.request.get('points') %}
  86.                                                                 {% for points in app.request.get('points') %}
  87.                                                                     {% if points == matrix.points %}
  88.                                                                         checked="checked"
  89.                                                                     {% endif %}
  90.                                                                 {% endfor %}
  91.                                                             {% endif %}
  92.                                                            value="{{ matrix.points }}"
  93.                                                            {%  if matrix.count < 1 %}disabled{% endif %}>
  94.                                                 {% endblock %}
  96.                                                 {% block page_product_detail_review_filter_checkbox_label %}
  97.                                                     <label class="custom-control-label text-nowrap"
  98.                                                            for="reviewRating{{ matrix.points }}">
  99.                                                         <small>{{ "detail.review#{matrix.points}PointRatingText"|trans|sw_sanitize }} ({{ matrix.count }})</small>
  100.                                                     </label>
  101.                                                 {% endblock %}
  102.                                             </div>
  103.                                         </div>
  104.                                     {% endblock %}
  106.                                     {% block page_product_detail_review_filter_progressbar %}
  107.                                         <div class="col d-none d-lg-block product-detail-review-progressbar-col">
  108.                                             <div class="progress product-detail-review-progressbar-container">
  109.                                                 <div class="progress-bar product-detail-review-progressbar-bar"
  110.                                                      role="progressbar"
  111.                                                      style="width: {{ matrix.percent }}%;"
  112.                                                      aria-valuenow="{{ matrix.percent }}"
  113.                                                      aria-valuemin="0"
  114.                                                      aria-valuemax="100"></div>
  115.                                             </div>
  116.                                         </div>
  117.                                     {% endblock %}
  119.                                     {% block page_product_detail_review_filter_share %}
  120.                                         <div class="col-12 col-md-3 product-detail-review-share">
  121.                                             <p><small>{{ matrix.percent|round }}%</small></p>
  122.                                         </div>
  123.                                     {% endblock %}
  124.                                 </div>
  125.                             {% endblock %}
  126.                         {% endfor %}
  127.                     </form>
  128.                     </div>
  130.                     {% block page_product_detail_review_filter_divider %}
  131.                         <hr/>
  132.                     {% endblock %}
  133.                 {% endif %}
  134.             {% endblock %}
  135.         {% endblock %}
  137.         {% block page_product_detail_review_form_teaser %}
  138.             <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 page.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-toggle="collapse"
  163.                             data-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 %}