app/template/plugin/CustomerReview42/Block/customer_review4_product_detail_review.twig line 1

Open in your IDE?
  1. {% import _self as stars %}
  3. {% set star_size = 22 %}
  6. <script>
  7. // レビュー折りたたみサイズ(px)
  8. var foldSize = 95;
  9. $(document).ready(function(){
  11.     //総合スコアを上部へも表示
  12.     var rs = $('#product_review_area .review_score').clone();
  13.     rs.find('.review_all_score_title').remove();
  14.     rs.append('<span>のレビュー</span>');
  15.     if($('.product-detail-nav-section').length){
  16.         //特殊ページ
  17.         $('.top_review_score').append(rs);
  18.     }else{
  19.         //デフォルトページ
  20.         $('.top_review_score').append(rs);
  21.     }
  24.     // レビューエリアの移動
  25.     var target = $('#product_review_area');
  26.     $('body').append(target);
  27.     target.ready(function() {
  28.         $('#product_review_area').appendTo('#review_area');
  29.     });
  32.     // レビュー折りたたみ
  33.     $('.review_list li .review-body').each(function(i, e){
  34.         if(foldSize < $(e).innerHeight()){
  35.             $(e).data('height', $(e).outerHeight());
  36.             $(e).innerHeight(foldSize);
  37.             $(e).css('overflow', 'hidden');
  38.             $(e).addClass('fold');
  39.             $(e).after('<div class="fade"></div>');
  40.             $(e).after('<div class="moreread"><a href="javascript:;">&#8681; 続きを読む</a></div>');
  41.         }
  42.     });
  43.     
  44.     $(document).on('click', '.review_list li .moreread', function(){
  45.         var rb = $(this).parent().find('.review-body');
  46.         rb.animate({'height': rb.data('height')}, function(){rb.css('height', 'auto')});
  47.         rb.removeClass('fold');
  48.         $(this).after('<div class="shortread"><a href="javascript:;">&#8679; もっと少なく読む</a></div>');
  49.         $(this).parent().find('.fade').remove();
  50.         $(this).remove();
  51.     });
  52.     $(document).on('click', '.review_list li .shortread', function(){
  53.         var rb = $(this).parent().find('.review-body');
  54.         rb.animate({'height': foldSize});
  55.         rb.addClass('fold');
  56.         rb.after('<div class="fade"></div>');
  57.         $(this).after('<div class="moreread"><a href="javascript:;">&#8681; 続きを読む</a></div>');
  58.         $(this).remove();
  59.     });
  61. });
  64. </script>
  68. {% set review_config = repository('Plugin\\CustomerReview42\\Entity\\CustomerReviewConfig').get() %}
  69. {% if review_config.isDetailInReview %}
  70. {% set review_list = repository('Plugin\\CustomerReview42\\Entity\\CustomerReviewList').getReviewList(Product.id) %}
  71. {% set review_total = repository('Plugin\\CustomerReview42\\Entity\\CustomerReviewTotal').getRecommend(Product.id) %}
  73. {% set reviewer_total = 0 %}
  74. {% set review_total_point = 0 %}
  75. {% set count = 5 %}
  76. {% for i in review_total %}
  77.     {% set reviewer_total = reviewer_total + i %}
  78.     {% set review_total_point = review_total_point + i * count %}
  79.     {% set count = count - 1 %}
  80. {% endfor %}
  81. {% set review_point = reviewer_total == 0 ? 0  : (review_total_point / reviewer_total) %}
  82. {% set number = reviewer_total %}
  83. {% set avg_star = review_point %}
  85. <!--▼レビューエリア-->
  86. <div id="product_review_area" class="review_area">
  87.     <h2>ユーザーレビュー</h2>
  88.     {% if 0 < review_list|length %}
  89.         <a href="{{ url('review_list', {'id': Product.id}) }}">
  90.             <h3 class="review_score"  data-avg="{{ avg_star }}" data-num="{{ number }}" data-starsize="{{ star_size }}" data-imgbase="{{ asset('aneros/img/products/') }}">
  91.                 <span class="review_all_score_title">総合スコア：</span>
  92.                 <span class="review_all_score_image" style="display: inline-block"></span>
  93.                 <span class="review_all_score"></span>
  94.             </h3>
  95.             <p style="text-align:center; font-weight:bold; text-decoration:underline;">詳細を表示する</p>
  96.         </a>
  97.         <ul class="review_list">
  98.         {% for Review in review_list %}
  99.             <li>
  100.                 <h3 class="review-title">{{ Review.title }}</h3>
  101.                 <p class="review-hed">
  102.                     <span style="font-weight:bold;">
  103.                         <span>{{ Review.reviewer_name }}</span>
  104.                     </span><br />
  105.                     <span>
  106.                         {{ Review.create_date|date_format }}
  107.                     </span><br />
  108.                     <span class="recommend_level">
  109.                         <span>
  110.                         {% for i in 0..4 %}
  111.                             {% if i < Review.recommend_level %}
  112.                                 <img src="{{ asset('aneros/img/products/star.jpg') }}" class="recommend_star" alt="星あり">
  113.                             {% else %}
  114.                                 <img src="{{ asset('aneros/img/products/no_star.jpg') }}" class="recommend_nostar" alt="星なし">
  115.                             {% endif %}
  116.                         {% endfor %}
  117.                         </span>
  118.                     </span>
  119.                 </p>
  120.                 <p class="review-body">{{ Review.comment|nl2br }}</p>
  121.             </li>
  122.         {% endfor %}
  123.         </ul>
  124.     {% else %}
  125.         <ul class="review_list">
  126.             <li>
  127.         ただいま、レビューはありません。「レビューを書く」ボタンからレビューを書きましょう！
  128.             </li>
  129.         </ul>
  130.     {% endif %}
  132.     <div class="btn_area">
  133.         <a href="{{ url('review_post', {'id': Product.id}) }}"
  134.             class="button btn btn-success btn-block">レビューを書く</a>
  135.     </div>
  136. </div>
  137. <!-- ▲レビューエリア -->
  138. {% endif %}