app/template/default/ProductReview42/Resource/template/default/review.twig line 1

Open in your IDE?
  1. {#
  2. /*
  3.  * This file is part of the ProductReview plugin
  4.  *
  5.  * Copyright (C) 2016 LOCKON CO.,LTD. All Rights Reserved.
  6.  *
  7.  * For the full copyright and license information, please view the LICENSE
  8.  * file that was distributed with this source code.
  9.  */
  10. #}
  12. {% import _self as stars %}
  14. {# 星テキスト生成用マクロ #}
  15. {% macro stars(positive, negative) %}
  16.     {% set positive_stars = ["", "★", "★★", "★★★", "★★★★", "★★★★★"] %}
  17.     {% set negative_stars = ["", "☆", "☆☆", "☆☆☆", "☆☆☆☆", "☆☆☆☆☆"] %}
  18.     {{ positive_stars[positive] }}{{ negative_stars[negative] }}
  19. {% endmacro %}
  21. <style type="text/css">
  23.     #product_review_area .review_list .recommend_name {
  24.         margin-left: 16px;
  25.     }
  27. </style>
  29. <script>
  30.     $(function() {
  32.         //$('#product_review_area').appendTo($('.ec-layoutRole__main, .ec-layoutRole__mainWithColumn, .ec-layoutRole__mainBetweenColumn'));
  34.         $('#product_review_area .ec-rectHeading').on('click', function() {
  35.             $content = $('#reviewContent');
  36.             if ($content.css('display') == 'none') {
  37.                 $(this).addClass('is_active');
  38.                 $content.addClass('is_active');
  39.                 $content.slideDown(300);
  40.             } else {
  41.                 $(this).removeClass('is_active');
  42.                 $content.removeClass('is_active');
  43.                 $content.slideUp(300);
  44.             }
  45.             return false;
  46.         });
  47.     });
  48. </script>
  50. <!--▼レビューエリア-->
  51. <div id="product_review_area">
  52.     <div class="ec-role">
  53.         {% set positive_avg_star = ProductReviewAvg %}
  54.         {% set negative_avg_star = 5 - positive_avg_star %}
  56.         <div class="ec-rectHeading">
  57.             <div class="head_title">この商品に対するお客様の声</div>
  58.             <span class="chevron pull-right">
  59.                 <span>お客様の声を見る</span>
  60.                 <div class="icon-wrap"><span class="icon"></span></div>
  61.             </span>
  62.         </div>
  65.         <div id="reviewContent">
  66.             <div class="reviewContent__inner">
  67.             <div class="reviewContent_left">
  68.                 <p class="reviewContent_left__ttl">カスタマーレビュー</p>
  70.                 <div class="recommend_wrap">
  71.                     <!--平均の星の数-->
  72.                     <span class="recommend_average">{{ stars.stars(positive_avg_star, negative_avg_star) }}</span>
  73.                     <!--レビュー数-->
  74.                     <span class="recommend_average__bottom">({{ ProductReviewCount }})件の評価</span>
  75.                 </div>
  77.                 <div class="btn_wrap">
  78.                     <a href="{{ url('product_review_index', { id: Product.id }) }}"
  79.                        class="review_write_btn">この商品のレビューを書く</a>
  80.                 </div>
  81.             </div><!--/.reviewContent_left-->
  83.             {% if ProductReviews %}
  84.                 <ul class="review_list">
  85.                     {% for ProductReview in ProductReviews %}
  86.                           <li>
  87.                             <!--タイトル-->
  88.                             <p class="review_list_ttl">{{ ProductReview.title }}</p>
  90.                             <p class="review_date">
  91.                                 <!--星の数-->
  92.                                 {% set positive_star = ProductReview.recommend_level %}
  93.                                 {% set negative_star = 5 - positive_star %}
  94.                                 <span class="recommend_level">{{ stars.stars(positive_star, negative_star) }}</span>
  96.                                 <span class="review_date__right">
  97.                                     <!--投稿日-->
  98.                                     <span class="review_date__wrap">投稿日：<span class="review_date_txt">{{ ProductReview.create_date|date_day }}</span></span>
  99.                                     <!--投稿者-->
  100.                                     <span class="recommend_name">
  101.                                      {% if ProductReview.reviewer_url %}
  102.                                          <a href="{{ ProductReview.reviewer_url }}" rel="ugc nofollow"
  103.                                             target="_blank">{{ 'product_review.front.product_detail.name'|trans({ '%name%': ProductReview.reviewer_name }) }}</a>
  104.                                      {% else %}
  105.                                          {{ 'product_review.front.product_detail.name'|trans({ '%name%': ProductReview.reviewer_name }) }}
  106.                                      {% endif %}
  107.                                     </span>
  108.                                 </span>
  109.                             </p>
  111.                             <!--レビューコメント-->
  112.                             <p>{{ ProductReview.comment|nl2br }}</p>
  113.                         </li>
  114.                     {% endfor %}
  115.                 </ul>
  116.             {% else %}
  117.                 <p>{{ 'product_review.front.product_detail.no_review'|trans }}</p>
  118.             {% endif %}
  119.         </div>
  120.         </div>
  121.     </div>
  122. </div>
  123. <!-- ▲レビューエリア -->