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

Open in your IDE?
  1. {% block page_product_detail_review_form %}
  3.     {% if data is not defined and reviews.customerReview is defined %}
  4.         {% set data = reviews.customerReview %}
  5.     {% endif %}
  7.     {% set formAjaxSubmitOptions = {
  8.         replaceSelectors: '.js-review-container'
  9.     } %}
  11.     {% block page_product_detail_review_form_form %}
  12.         <form class="review-form"
  13.               action="{{ path('frontend.detail.review.save', { productId: reviews.productId }) }}"
  14.               method="post"
  15.               data-form-validation="true"
  16.               data-form-ajax-submit="true"
  17.               data-form-ajax-submit-options='{{ formAjaxSubmitOptions|json_encode }}'>
  19.             {# @deprecated tag:v6.5.0 - Block page_product_detail_review_form_csrf will be removed. #}
  20.             {% block page_product_detail_review_form_csrf %}
  21.                 {{ sw_csrf('frontend.detail.review.save') }}
  22.             {% endblock %}
  24.             {% block page_product_detail_review_form_forward %}
  25.                 <input type="hidden"
  26.                        name="forwardTo"
  27.                        value="frontend.product.reviews">
  29.                 <input type="hidden"
  30.                        name="parentId"
  31.                        value="{{ reviews.parentId }}">
  33.                 <input type="hidden"
  34.                        name="forwardParameters"
  35.                        value='{"productId": "{{ reviews.productId }}"}'>
  36.             {% endblock %}
  38.             {% if reviews.customerReview %}
  39.                 <input type="hidden" value="{{ reviews.customerReview.id }}" name="id"/>
  40.             {% endif %}
  42.             {% block page_product_detail_review_form_details %}
  43.                 <div class="{{ formRowClass }}">
  44.                     {% block page_product_detail_review_form_rating %}
  45.                         <div class="form-group col-md-4 product-detail-review-form-rating">
  46.                             <label for="#review-form-rating">
  47.                                 {{ "detail.reviewFormRatingLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
  48.                             </label>
  50.                             <div id="review-form-rating"
  51.                                  class="product-detail-review-form-rating-input"
  52.                                  data-rating-system="true">
  53.                                 {% if data.get('points') is not empty %}
  54.                                     {% set currentPoints = data.get('points')|number_format %}
  55.                                 {% else %}
  56.                                     {% set currentPoints = reviews.matrix.maxPoints %}
  57.                                 {% endif %}
  59.                                 {% set maxPoints = reviews.matrix.maxPoints %}
  61.                                 {% for point in 1..maxPoints %}
  62.                                     <label data-review-form-point="{{ point }}"
  63.                                            class="product-detail-review-form-star{% if currentPoints >= point %} is-active{% endif %}">
  64.                                         <input class="product-detail-review-form-radio"
  65.                                                type="radio"
  66.                                                name="points"
  67.                                                value="{{ point }}"
  68.                                             {% if currentPoints >= point %} checked="checked"{% endif %}>
  70.                                         {% sw_include '@Storefront/storefront/component/review/point.html.twig' with {
  71.                                             type: 'blank'
  72.                                         } %}
  73.                                     </label>
  74.                                 {% endfor %}
  75.                                 {% for matrix in reviews.matrix.matrix %}
  76.                                     <p class="h6 product-detail-review-form-rating-text {% if currentPoints != matrix.points %} d-none{% endif %}"
  77.                                        data-rating-text="{{ matrix.points }}">
  78.                                         {{ "detail.review#{matrix.points}PointRatingText"|trans|sw_sanitize }}
  79.                                     </p>
  80.                                 {% endfor %}
  81.                             </div>
  82.                         </div>
  83.                     {% endblock %}
  85.                     {% block page_product_detail_review_form_title %}
  86.                         <div class="form-group col-12 product-detail-review-form-title">
  87.                             {% block page_product_detail_review_form_title_label %}
  88.                                 <label class="form-label" for="reviewTitle">
  89.                                     {{ "detail.reviewFormTitleLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
  90.                                 </label>
  91.                             {% endblock %}
  93.                             {% block page_product_detail_review_form_title_input %}
  94.                                 <input type="text"
  95.                                        class="form-control{% if formViolations.getViolations('/title') %} is-invalid{% endif %}"
  96.                                        id="reviewTitle"
  97.                                        placeholder="{{ "detail.reviewFormTitlePlaceholder"|trans|striptags }}{{ "general.required"|trans|striptags }}"
  98.                                        name="title"
  99.                                        value="{{ data.get('title') }}"
  100.                                        required="required"
  101.                                        minlength="5">
  102.                             {% endblock %}
  104.                             {% block page_product_detail_review_form_title_violation %}
  105.                                 {% if formViolations.getViolations('/title') is not empty %}
  106.                                     {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' with {
  107.                                         violationPath: '/title'
  108.                                     } %}
  109.                                 {% endif %}
  110.                             {% endblock %}
  111.                         </div>
  112.                     {% endblock %}
  113.                 </div>
  114.             {% endblock %}
  116.             {% block page_product_detail_review_form_content %}
  117.                 <div class="form-group product-detail-review-form-content">
  118.                     {% block page_product_detail_review_form_content_label %}
  119.                         <label for="reviewContent">
  120.                             {{ "detail.reviewFormContentLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
  121.                         </label>
  122.                     {% endblock %}
  124.                     {% block page_product_detail_review_form_content_textarea %}
  125.                         <textarea class="form-control{% if formViolations.getViolations('/content') %} is-invalid{% endif %}"
  126.                                   id="reviewContent"
  127.                                   name="content"
  128.                                   required="required"
  129.                                   minlength="40"
  130.                                   rows="8">{% if data.get('content') is not empty %}{{ data.get('content') }}{% endif %}</textarea>
  131.                     {% endblock %}
  133.                     {% block page_product_detail_review_form_content_violation %}
  134.                         {% if formViolations.getViolations('/content') is not empty %}
  135.                             {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' with {
  136.                                 violationPath: '/content'
  137.                             } %}
  138.                         {% endif %}
  139.                     {% endblock %}
  140.                 </div>
  141.             {% endblock %}
  143.             {% block page_product_detail_review_form_footer %}
  144.                 <div class="product-detail-review-form-footer">
  145.                     {% block page_product_detail_review_form_required %}
  146.                         <p class="required-fields">
  147.                             {{ "general.requiredFields"|trans|sw_sanitize }}
  148.                         </p>
  149.                     {% endblock %}
  151.                     <div class="product-detail-review-form-actions">
  152.                         {% block page_product_detail_review_form_cancel %}
  153.                             <a href="#"
  154.                                class="btn btn-outline-secondary product-detail-review-cancel"
  155.                                {{ dataBsToggleAttr }}="collapse"
  156.                                {{ dataBsTargetAttr }}=".multi-collapse"
  157.                                aria-expanded="false"
  158.                                aria-controls="review-form review-list">
  159.                                 {{ "detail.reviewFormCancelText"|trans|sw_sanitize }}
  160.                             </a>
  161.                         {% endblock %}
  163.                         {% block page_product_detail_review_form_submit %}
  164.                             <button type="submit"
  165.                                     class="btn btn-primary btn-review-submit">
  166.                                 {{ "detail.reviewFormSubmitText"|trans|sw_sanitize }}
  167.                             </button>
  168.                         {% endblock %}
  169.                     </div>
  170.                 </div>
  171.             {% endblock %}
  172.         </form>
  173.     {% endblock %}
  174. {% endblock %}