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.                             {# @deprecated tag:v6.5.0 - Block component_review_filter_csrf will be removed. #}
  60.                             {% block component_review_filter_csrf %}
  61.                                 {{ sw_csrf('frontend.product.reviews') }}
  62.                             {% endblock %}
  64.                             {% if app.request.get('limit') %}
  65.                                 <input type="hidden" name="limit" value="{{ app.request.get('limit') }}">
  66.                             {% endif %}
  68.                             {% if app.request.get('language') %}
  69.                                 <input type="hidden" name="language" value="{{ app.request.get('language') }}">
  70.                             {% endif %}
  72.                             {% if app.request.get('sort') %}
  73.                                 <input type="hidden" name="sort" value="{{ app.request.get('sort') }}">
  74.                             {% endif %}
  76.                             {% for matrix in reviews.matrix.matrix %}
  77.                                 {% block component_review_filter_box %}
  78.                                     <div class="row product-detail-review-filter">
  80.                                         {% block component_review_filter_checkbox %}
  81.                                             <div class="col-md-8 col-lg-5 product-detail-review-checkbox">
  82.                                                 <div class="{{ formCheckboxWrapperClass }}">
  84.                                                     {% block component_review_filter_checkbox_input %}
  85.                                                         <input type="checkbox"
  86.                                                                class="{{ formCheckInputClass }}"
  87.                                                                id="reviewRating{{ matrix.points }}"
  88.                                                                name="points[]"
  89.                                                             {% if app.request.get('points') %}
  90.                                                                 {% for points in app.request.get('points') %}
  91.                                                                     {% if points == matrix.points %}
  92.                                                                         checked="checked"
  93.                                                                     {% endif %}
  94.                                                                 {% endfor %}
  95.                                                             {% endif %}
  96.                                                                value="{{ matrix.points }}"
  97.                                                             {% if matrix.count < 1 %}disabled{% endif %}>
  98.                                                     {% endblock %}
  100.                                                     {% block component_review_filter_checkbox_label %}
  101.                                                         <label class="custom-control-label text-nowrap"
  102.                                                                for="reviewRating{{ matrix.points }}">
  103.                                                             <small>{{ "detail.review#{matrix.points}PointRatingText"|trans|sw_sanitize }}
  104.                                                                 ({{ matrix.count }})</small>
  105.                                                         </label>
  106.                                                     {% endblock %}
  107.                                                 </div>
  108.                                             </div>
  109.                                         {% endblock %}
  111.                                         {% block component_review_filter_progressbar %}
  112.                                             <div class="col d-none d-lg-block product-detail-review-progressbar-col">
  113.                                                 <div class="progress product-detail-review-progressbar-container">
  114.                                                     <div class="progress-bar product-detail-review-progressbar-bar"
  115.                                                          role="progressbar"
  116.                                                          style="width: {{ matrix.percent }}%;"
  117.                                                          aria-valuenow="{{ matrix.percent }}"
  118.                                                          aria-valuemin="0"
  119.                                                          aria-valuemax="100"></div>
  120.                                                 </div>
  121.                                             </div>
  122.                                         {% endblock %}
  124.                                         {% block component_review_filter_share %}
  125.                                             <div class="col-12 col-md-3 product-detail-review-share">
  126.                                                 <p><small>{{ matrix.percent|round }}%</small></p>
  127.                                             </div>
  128.                                         {% endblock %}
  129.                                     </div>
  130.                                 {% endblock %}
  131.                             {% endfor %}
  132.                         </form>
  133.                     </div>
  135.                     {% block component_review_filter_divider %}
  136.                         <hr/>
  137.                     {% endblock %}
  138.                 {% endif %}
  139.             {% endblock %}
  140.         {% endblock %}
  142.         {% block component_review_form_teaser %}
  143.             <div class="product-detail-review-teaser js-review-teaser">
  145.                 {% block component_review_form_teaser_header %}
  146.                     <p class="h4">
  147.                         {% if not reviews.customerReview %}
  148.                             {{ "detail.reviewTeaserTitle"|trans|sw_sanitize }}
  149.                         {% else %}
  150.                             {{ "detail.reviewExistsTeaserTitle"|trans|sw_sanitize }}
  151.                         {% endif %}
  152.                     </p>
  153.                 {% endblock %}
  155.                 {% block component_review_form_teaser_text %}
  156.                     <p>
  157.                         {% if not page.customerReview %}
  158.                             {{ "detail.reviewTeaserText"|trans|sw_sanitize }}
  159.                         {% else %}
  160.                             {{ "detail.reviewExistsTeaserText"|trans|sw_sanitize }}
  161.                         {% endif %}
  162.                     </p>
  163.                 {% endblock %}
  165.                 {% block component_review_form_teaser_button %}
  166.                     <button class="btn btn-primary product-detail-review-teaser-btn"
  167.                             type="button"
  168.                             {{ dataBsToggleAttr }}="collapse"
  169.                             {{ dataBsTargetAttr }}=".multi-collapse"
  170.                             aria-expanded="false"
  171.                             aria-controls="review-form review-list">
  172.                         <span class="product-detail-review-teaser-show">
  173.                             {% if not reviews.customerReview %}
  174.                                 {{ "detail.reviewTeaserButton"|trans|sw_sanitize }}
  175.                             {% else %}
  176.                                 {{ "detail.reviewExistsTeaserButton"|trans|sw_sanitize }}
  177.                             {% endif %}
  178.                         </span>
  179.                         <span class="product-detail-review-teaser-hide">
  180.                             {{ "detail.reviewTeaserButtonHide"|trans|sw_sanitize }}
  181.                         </span>
  182.                     </button>
  183.                 {% endblock %}
  184.             </div>
  185.         {% endblock %}
  186.     </div>
  187. {% endblock %}