vendor/shopware/storefront/Resources/views/storefront/component/review/review-widget.html.twig line 1

Open in your IDE?
  1. {% block component_review_widget %}
  2.     <div class="sticky-top product-detail-review-widget">
  4.         {% block component_review_info_container %}
  5.             {% block component_review_info %}
  6.                 <div class="product-detail-review-info js-review-info">
  8.                     {% block component_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 component_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 component_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: product.id, parentId: product.parentId }) }}"
  55.                               method="post"
  56.                               data-form-ajax-submit="true"
  57.                               data-form-ajax-submit-options='{{ formAjaxSubmitOptions|json_encode }}'>
  59.                             {% block component_review_filter_csrf %}
  60.                                 {{ sw_csrf('frontend.product.reviews') }}
  61.                             {% endblock %}
  63.                             {% if app.request.get('limit') %}
  64.                                 <input type="hidden" name="limit" value="{{ app.request.get('limit') }}">
  65.                             {% endif %}
  67.                             {% if app.request.get('language') %}
  68.                                 <input type="hidden" name="language" value="{{ app.request.get('language') }}">
  69.                             {% endif %}
  71.                             {% if app.request.get('sort') %}
  72.                                 <input type="hidden" name="sort" value="{{ app.request.get('sort') }}">
  73.                             {% endif %}
  75.                             {% for matrix in reviews.matrix.matrix %}
  76.                                 {% block component_review_filter_box %}
  77.                                     <div class="row product-detail-review-filter">
  79.                                         {% block component_review_filter_checkbox %}
  80.                                             <div class="col-md-8 col-lg-5 product-detail-review-checkbox">
  81.                                                 <div class="{{ formCheckboxWrapperClass }}">
  83.                                                     {% block component_review_filter_checkbox_input %}
  84.                                                         <input type="checkbox"
  85.                                                                class="{{ formCheckInputClass }}"
  86.                                                                id="reviewRating{{ matrix.points }}"
  87.                                                                name="points[]"
  88.                                                             {% if app.request.get('points') %}
  89.                                                                 {% for points in app.request.get('points') %}
  90.                                                                     {% if points == matrix.points %}
  91.                                                                         checked="checked"
  92.                                                                     {% endif %}
  93.                                                                 {% endfor %}
  94.                                                             {% endif %}
  95.                                                                value="{{ matrix.points }}"
  96.                                                             {% if matrix.count < 1 %}disabled{% endif %}>
  97.                                                     {% endblock %}
  99.                                                     {% block component_review_filter_checkbox_label %}
  100.                                                         <label class="custom-control-label text-nowrap"
  101.                                                                for="reviewRating{{ matrix.points }}">
  102.                                                             <small>{{ "detail.review#{matrix.points}PointRatingText"|trans|sw_sanitize }}
  103.                                                                 ({{ matrix.count }})</small>
  104.                                                         </label>
  105.                                                     {% endblock %}
  106.                                                 </div>
  107.                                             </div>
  108.                                         {% endblock %}
  110.                                         {% block component_review_filter_progressbar %}
  111.                                             <div class="col d-none d-lg-block product-detail-review-progressbar-col">
  112.                                                 <div class="progress product-detail-review-progressbar-container">
  113.                                                     <div class="progress-bar product-detail-review-progressbar-bar"
  114.                                                          role="progressbar"
  115.                                                          style="width: {{ matrix.percent }}%;"
  116.                                                          aria-valuenow="{{ matrix.percent }}"
  117.                                                          aria-valuemin="0"
  118.                                                          aria-valuemax="100"></div>
  119.                                                 </div>
  120.                                             </div>
  121.                                         {% endblock %}
  123.                                         {% block component_review_filter_share %}
  124.                                             <div class="col-12 col-md-3 product-detail-review-share">
  125.                                                 <p><small>{{ matrix.percent|round }}%</small></p>
  126.                                             </div>
  127.                                         {% endblock %}
  128.                                     </div>
  129.                                 {% endblock %}
  130.                             {% endfor %}
  131.                         </form>
  132.                     </div>
  134.                     {% block component_review_filter_divider %}
  135.                         <hr/>
  136.                     {% endblock %}
  137.                 {% endif %}
  138.             {% endblock %}
  139.         {% endblock %}
  141.         {% block component_review_form_teaser %}
  142.             <div class="product-detail-review-teaser js-review-teaser">
  144.                 {% block component_review_form_teaser_header %}
  145.                     <p class="h4">
  146.                         {% if not reviews.customerReview %}
  147.                             {{ "detail.reviewTeaserTitle"|trans|sw_sanitize }}
  148.                         {% else %}
  149.                             {{ "detail.reviewExistsTeaserTitle"|trans|sw_sanitize }}
  150.                         {% endif %}
  151.                     </p>
  152.                 {% endblock %}
  154.                 {% block component_review_form_teaser_text %}
  155.                     <p>
  156.                         {% if not page.customerReview %}
  157.                             {{ "detail.reviewTeaserText"|trans|sw_sanitize }}
  158.                         {% else %}
  159.                             {{ "detail.reviewExistsTeaserText"|trans|sw_sanitize }}
  160.                         {% endif %}
  161.                     </p>
  162.                 {% endblock %}
  164.                 {% block component_review_form_teaser_button %}
  165.                     <button class="btn btn-primary product-detail-review-teaser-btn"
  166.                             type="button"
  167.                             {{ dataBsToggleAttr }}="collapse"
  168.                             {{ dataBsTargetAttr }}=".multi-collapse"
  169.                             aria-expanded="false"
  170.                             aria-controls="review-form review-list">
  171.                         <span class="product-detail-review-teaser-show">
  172.                             {% if not reviews.customerReview %}
  173.                                 {{ "detail.reviewTeaserButton"|trans|sw_sanitize }}
  174.                             {% else %}
  175.                                 {{ "detail.reviewExistsTeaserButton"|trans|sw_sanitize }}
  176.                             {% endif %}
  177.                         </span>
  178.                         <span class="product-detail-review-teaser-hide">
  179.                             {{ "detail.reviewTeaserButtonHide"|trans|sw_sanitize }}
  180.                         </span>
  181.                     </button>
  182.                 {% endblock %}
  183.             </div>
  184.         {% endblock %}
  185.     </div>
  186. {% endblock %}