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

  1. {% sw_extends '@Storefront/storefront/utilities/offcanvas.html.twig' %}
  3. {% block utilities_offcanvas_content %}
  4.     {% block page_product_detail_review_container %}
  6.         {# TODO NEXT-16993 - replace items per list config value #}
  7.         {% set reviewsPerListPage = 10 %}
  9.         {# TODO NEXT-16994 - replace current list page value #}
  10.         {% set currentListPage = 1 %}
  12.         {% set productReviewCount = reviews.totalReviews %}
  14.         {% if productReviewCount > 0 %}
  15.             {% set productAvgRating = reviews.matrix.averageRating|round(2, 'common')  %}
  16.         {% endif %}
  18.         {# TODO NEXT-16994 - replace language flag #}
  19.         {% set foreignReviewsCount = 150 %}
  21.         <div class="product-detail-review tab-pane-container">
  22.             {% block page_product_detail_review_tab_pane %}
  23.                 <div class="row product-detail-review-content js-review-container">
  24.                     {% block page_product_detail_review_aside %}
  25.                         <div class="col-sm-4">
  26.                             {% block page_product_detail_review_widget_container %}
  27.                                 {% sw_include '@Storefront/storefront/page/product-detail/review/review-widget.html.twig' %}
  28.                             {% endblock %}
  29.                         </div>
  30.                     {% endblock %}
  32.                     {% block page_product_detail_review_main %}
  33.                         <div class="col product-detail-review-main js-review-content">
  34.                             {% block page_product_detail_review_alert %}
  35.                                 {% if ratingSuccess == 1 %}
  36.                                     {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
  37.                                         type: "success",
  38.                                         content: "detail.reviewFormSuccessAlert"|trans|sw_sanitize
  39.                                     } %}
  40.                                 {% elseif ratingSuccess == 2  %}
  41.                                     {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
  42.                                         type: "success",
  43.                                         content: "detail.reviewFormSuccessUpdateAlert"|trans|sw_sanitize
  44.                                     } %}
  45.                                 {% elseif ratingSuccess == -1  %}
  46.                                     {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
  47.                                         type: "danger",
  48.                                         content: "detail.reviewFormErrorAlert"|trans|sw_sanitize
  49.                                     } %}
  50.                                 {% endif %}
  51.                             {% endblock %}
  53.                             {% block page_product_detail_review_form_container %}
  54.                                 <div class="collapse multi-collapse{% if ratingSuccess == -1 %} show{% endif %}"
  55.                                      id="review-form">
  56.                                     {% if context.customer and not context.customer.guest %}
  57.                                         <div class="product-detail-review-form">
  58.                                             {% sw_include '@Storefront/storefront/page/product-detail/review/review-form.html.twig' %}
  59.                                         </div>
  60.                                     {% else %}
  61.                                         <div class="product-detail-review-login">
  62.                                             {% sw_include '@Storefront/storefront/page/product-detail/review/review-login.html.twig' %}
  63.                                         </div>
  64.                                     {% endif %}
  65.                                 </div>
  66.                             {% endblock %}
  68.                             {% block page_product_detail_review_list_container %}
  69.                                 <div id="review-list"
  70.                                      class="collapse multi-collapse product-detail-review-list{% if ratingSuccess != -1 %} show{% endif %}">
  72.                                     {% block page_product_detail_review_list %}
  73.                                         {% block page_product_detail_review_list_actions %}
  74.                                             <div class="row align-items-center product-detail-review-actions">
  75.                                                 {% set formAjaxSubmitOptions = {
  76.                                                     replaceSelectors: [".js-review-container"],
  77.                                                     submitOnChange: true
  78.                                                 } %}
  80.                                                 {% block page_product_detail_review_list_action_language %}
  81.                                                     <div class="col product-detail-review-language">
  82.                                                         {% if foreignReviewsCount > 0 %}
  83.                                                             <form class="product-detail-review-language-form"
  84.                                                                   action="{{ path('frontend.product.reviews', { productId: reviews.productId, parentId: reviews.parentId }) }}"
  85.                                                                   method="post"
  86.                                                                   data-form-ajax-submit="true"
  87.                                                                   data-form-ajax-submit-options='{{ formAjaxSubmitOptions|json_encode }}'>
  89.                                                                 {% if app.request.get('limit') %}
  90.                                                                     <input type="hidden" name="limit" value="{{ app.request.get('limit') }}">
  91.                                                                 {% endif %}
  93.                                                                 {% if app.request.get('sort') %}
  94.                                                                     <input type="hidden" name="sort" value="{{ app.request.get('sort') }}">
  95.                                                                 {% endif %}
  97.                                                                 <div class="form-check form-switch">
  98.                                                                     {# TODO NEXT-16994 - set checked and disabled state #}
  99.                                                                     <input type="checkbox"
  100.                                                                            class="form-check-input"
  101.                                                                            id="showForeignReviews"
  102.                                                                            value="filter-language"
  103.                                                                            name="language"
  104.                                                                            {% if app.request.get('language') %}checked="checked"{% endif %}>
  105.                                                                     <label class="custom-control-label form-label"
  106.                                                                            for="showForeignReviews">
  107.                                                                         <small>{{ "detail.reviewLanguageFilterLabel"|trans|sw_sanitize }}</small>
  108.                                                                     </label>
  109.                                                                 </div>
  110.                                                             </form>
  111.                                                         {% endif %}
  112.                                                     </div>
  113.                                                 {% endblock %}
  115.                                                 {% block page_product_detail_review_list_action_sortby %}
  116.                                                     {% if productReviewCount > 0 %}
  117.                                                         <div class="col-12 col-md-auto product-detail-review-sortby">
  118.                                                             {% set formAjaxSubmitOptions = {
  119.                                                                 replaceSelectors: [
  120.                                                                     ".js-review-info",
  121.                                                                     ".js-review-teaser",
  122.                                                                     ".js-review-content"
  123.                                                                 ],
  124.                                                                 submitOnChange: true
  125.                                                             } %}
  127.                                                             {% block page_product_detail_review_list_action_sortby_form %}
  128.                                                                 <form class="form-inline product-detail-review-sortby-form"
  129.                                                                       action="{{ path('frontend.product.reviews', { productId: reviews.productId, parentId: reviews.parentId }) }}"
  130.                                                                       method="post"
  131.                                                                       data-form-ajax-submit="true"
  132.                                                                       data-form-ajax-submit-options='{{ formAjaxSubmitOptions|json_encode }}'>
  133.                                                                     {% if app.request.get('limit') %}
  134.                                                                         <input type="hidden" name="limit" value="{{ app.request.get('limit') }}">
  135.                                                                     {% endif %}
  137.                                                                     {% if app.request.get('language') %}
  138.                                                                         <input type="hidden" name="language" value="{{ app.request.get('language') }}">
  139.                                                                     {% endif %}
  141.                                                                     {% if app.request.get('points') %}
  142.                                                                         {% for points in app.request.get('points') %}
  143.                                                                             <input type="hidden" name="points[]" value="{{ points }}">
  144.                                                                         {% endfor %}
  145.                                                                     {% endif %}
  147.                                                                     {% block page_product_detail_review_list_action_sortby_label %}
  148.                                                                         <label class="form-label product-detail-review-sortby-label"
  149.                                                                                for="reviewsSortby">
  150.                                                                             <small>{{ "detail.reviewSortLabel"|trans|sw_sanitize }}</small>
  151.                                                                         </label>
  152.                                                                     {% endblock %}
  154.                                                                     {% block page_product_detail_review_list_action_sortby_select %}
  155.                                                                         <select class="form-select form-select-sm"
  156.                                                                                 name="sort"
  157.                                                                                 id="reviewsSortby">
  158.                                                                             <option value="createdAt"{% if reviews.criteria.sorting.0.field == 'createdAt' %} selected{% endif %}>
  159.                                                                                 {{ "detail.reviewSortNewLabel"|trans|sw_sanitize }}
  160.                                                                             </option>
  161.                                                                             <option value="points"{% if reviews.criteria.sorting.0.field== 'points' %} selected{% endif %}>
  162.                                                                                 {{ "detail.reviewSortTopRatedLabel"|trans|sw_sanitize }}
  163.                                                                             </option>
  164.                                                                         </select>
  165.                                                                     {% endblock %}
  166.                                                                 </form>
  167.                                                             {% endblock %}
  168.                                                         </div>
  169.                                                     {% endif %}
  170.                                                 {% endblock %}
  171.                                             </div>
  173.                                             <hr/>
  175.                                             {# TODO NEXT-16994 - calculate reviews in current language in list #}
  176.                                             {% set listReviewsCount = productReviewCount - foreignReviewsCount %}
  177.                                             {# TODO NEXT-16994 - fix if reviews in foreign language are more than in customer language #}
  178.                                             {% if listReviewsCount < 0 %}
  179.                                                 {% set listReviewsCount = 0 %}
  180.                                             {% endif %}
  182.                                             <p class="text-right product-detail-review-counter">
  183.                                                 {% if (listReviewsCount > 1 and listReviewsCount > reviewsPerListPage) %}
  184.                                                     <small><strong>{{ currentListPage }}</strong> - <strong>{{ reviewsPerListPage }}</strong> {{ "detail.reviewCountBefore"|trans|sw_sanitize }} <strong>{{ listReviewsCount }}</strong> {{ "detail.reviewCountAfter"|trans({'%count%': listReviewsCount })|sw_sanitize }}</small>
  185.                                                 {% elseif listReviewsCount > 0 %} {# TODO (NEXT-16994) fix detail.reviewCountAfter snippet for listReviewsCount = 0#}
  186.                                                     <small><strong>{{ listReviewsCount }}</strong> {{ "detail.reviewCountAfter"|trans({'%count%': listReviewsCount })|sw_sanitize }}</small>
  187.                                                 {% endif %}
  188.                                             </p>
  189.                                         {% endblock %}
  191.                                         {% block page_product_detail_review_list_content %}
  192.                                             {% for review in reviews %}
  193.                                                 <div class="product-detail-review-list-content">
  194.                                                     {% sw_include '@Storefront/storefront/page/product-detail/review/review-item.html.twig' %}
  195.                                                 </div>
  196.                                             {% endfor %}
  197.                                         {% endblock %}
  199.                                         {% block page_product_detail_review_list_paging %}
  200.                                             {% set criteria = reviews.criteria %}
  201.                                             {% set totalPages = (productReviewCount/criteria.limit)|round(0,'ceil') %}
  203.                                             {% if totalPages > 1 %}
  204.                                                 {% set formAjaxSubmitOptions = {
  205.                                                     replaceSelectors: ".js-review-container",
  206.                                                     submitOnChange: true
  207.                                                 } %}
  209.                                                 {% block page_product_detail_review_list_paging_form %}
  210.                                                     <div class="product-detail-review-pagination">
  211.                                                         <form class="product-detail-review-pagination-form"
  212.                                                               action="{{ path('frontend.product.reviews', { productId: reviews.productId, parentId: reviews.parentId }) }}"
  213.                                                               method="post"
  214.                                                               data-form-ajax-submit="true"
  215.                                                               data-form-ajax-submit-options='{{ formAjaxSubmitOptions|json_encode }}'>
  216.                                                             {% if app.request.get('limit') %}
  217.                                                                 <input type="hidden" name="limit" value="{{ app.request.get('limit') }}">
  218.                                                             {% endif %}
  220.                                                             {% if app.request.get('language') %}
  221.                                                                 <input type="hidden" name="language" value="{{ app.request.get('language') }}">
  222.                                                             {% endif %}
  224.                                                             {% if app.request.get('sort') %}
  225.                                                                 <input type="hidden" name="sort" value="{{ app.request.get('sort') }}">
  226.                                                             {% endif %}
  228.                                                             {% if app.request.get('points') %}
  229.                                                                 {% for points in app.request.get('points') %}
  230.                                                                     <input type="hidden" name="points[]" value="{{ points }}">
  231.                                                                 {% endfor %}
  232.                                                             {% endif %}
  234.                                                             {% sw_include '@Storefront/storefront/component/pagination.html.twig' with {
  235.                                                                 entities: reviews,
  236.                                                                 criteria: criteria,
  237.                                                                 total: productReviewCount,
  238.                                                             }  %}
  239.                                                         </form>
  240.                                                     </div>
  241.                                                 {% endblock %}
  242.                                             {% endif %}
  243.                                         {% endblock %}
  244.                                     {% endblock %}
  246.                                     {% if productReviewCount <= 0 %}
  247.                                         {% block page_product_detail_review_list_empty %}
  248.                                             {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
  249.                                                 type: "info",
  250.                                                 content: "detail.reviewListEmpty"|trans|sw_sanitize
  251.                                             } %}
  252.                                         {% endblock %}
  253.                                     {% endif %}
  254.                                 </div>
  255.                             {% endblock %}
  256.                         </div>
  257.                     {% endblock %}
  258.                 </div>
  259.             {% endblock %}
  260.         </div>
  261.     {% endblock %}
  262. {% endblock %}