app/template/kaiino/ProductReview4/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 {
  24.         border-top: 1px solid #E8E8E8;
  25.         padding-bottom: 0;
  26.         margin-bottom: 20px;
  27.     }
  29.     #product_review_area .ec-rectHeading {
  30.         cursor: pointer;
  31.         margin-top: 20px;
  32.         margin-bottom: 20px;
  33.     }
  34.     #product_review_area .ec-rectHeading h3{
  35.         background: none;
  36.         font-weight: 500;
  37.     }
  38.     
  39.     #product_review_area .ec-rectHeading.is_active i {
  40.         transform: rotate(180deg);
  41.     }
  43.     #product_review_area .review_list {
  44.     }
  46.     #product_review_area .review_list li {
  47.         margin-bottom: 16px;
  48.     }
  50.     #product_review_area .review_list .title {
  51.       color: #e78d87;
  52.     }
  53.     #product_review_area .review_list .review_date {
  54.         font-weight: bold;
  55.     }
  57.     #product_review_area .recommend_average {
  58.         margin-left: 16px;
  59.         color: #DE5D50;
  60.     }
  62.     #product_review_area .review_list .recommend_level {
  63.         margin-left: 16px;
  64.         color: #DE5D50;
  65.     }
  67.     #product_review_area .review_list .recommend_name {
  68.         margin-left: 16px;
  69.     }
  71. </style>
  73. <script>
  74.     $(function() {
  75.         //$('#product_review_area').appendTo($('div.ec-layoutRole__main, div.ec-layoutRole__mainWithColumn, div.ec-layoutRole__mainBetweenColumn'));
  76.         $('#product_review_area').prependTo($('#related_product_area'));
  78.         $('#product_review_area .ec-rectHeading').on('click', function() {
  79.             $content = $('#reviewContent');
  80.             if ($content.css('display') == 'none') {
  81.                 $(this).addClass('is_active');
  82.                 $content.addClass('is_active');
  83.                 $content.slideDown(300);
  84.             } else {
  85.                 $(this).removeClass('is_active');
  86.                 $content.removeClass('is_active');
  87.                 $content.slideUp(300);
  88.             }
  89.             return false;
  90.         });
  91.     });
  92. </script>
  94. <!--▼レビューエリア-->
  95. <div id="product_review_area">
  96.     <div class="ec-role">
  97.         {% set positive_avg_star = ProductReviewAvg %}
  98.         {% set negative_avg_star = 5 - positive_avg_star %}
  100.         <div class="ec-pageHeader">
  101.           <div class="ec-rectHeading is_active">
  102.           <h3>{{ 'product_review.front.product_detail.title'|trans }}
  103.                 <!--平均の星の数-->
  104.                 <span class="recommend_average">{{ stars.stars(positive_avg_star, negative_avg_star) }}</span>
  105.                 <!--レビュー数-->
  106.                 <span>({{ ProductReviewCount }})</span>
  107.                 <span class="chevron pull-right">
  108.                     <i class="fas fa-angle-up fa-lg"></i>
  109.                 </span></h3>
  110.           </div>
  111.         </div>
  112.         <div id="reviewContent">
  113.             {% if ProductReviews %}
  114.                 <ul class="review_list">
  115.                     {% for ProductReview in ProductReviews %}
  116.                         <li>
  117.                           
  118.                           <!--タイトル-->
  119.                           <div class="title">{{ ProductReview.title }}</div>
  120.                             <p class="review_date">
  121.                                 <!--投稿日-->
  122.                                 {{ ProductReview.create_date|date_day }}
  124.                                 <!--投稿者-->
  125.                                 <span class="recommend_name">
  126.                                             {% if ProductReview.reviewer_url %}
  127.                                                 <a href="{{ ProductReview.reviewer_url }}"
  128.                                                    target="_blank">{{ 'product_review.front.product_detail.name'|trans({ '%name%': ProductReview.reviewer_name }) }}</a>
  129.                                             {% else %}
  130.                                                 {{ 'product_review.front.product_detail.name'|trans({ '%name%': ProductReview.reviewer_name }) }}
  131.                                             {% endif %}
  132.                                         </span>
  134.                                 <!--星の数-->
  135.                                 {% set positive_star = ProductReview.recommend_level %}
  136.                                 {% set negative_star = 5 - positive_star %}
  137.                                 <span class="recommend_level">
  138.                                     {{ stars.stars(positive_star, negative_star) }}
  139.                                 </span>
  140.                             </p>
  142.                             <!--レビューコメント-->
  143.                             <p>{{ ProductReview.comment|nl2br }}</p>
  144.                         </li>
  145.                     {% endfor %}
  146.                 </ul>
  147.             {% else %}
  148.                 <p>{{ 'product_review.front.product_detail.no_review'|trans }}</p>
  149.             {% endif %}
  150.         </div>
  151.         <div class="read_more">
  152.             <a href="{{ url('product_review_index', { id: Product.id }) }}"
  153.                class="">{{ 'product_review.front.product_detail.post_review'|trans }}</a>
  154.         </div>
  155.     </div>
  156. </div>
  157. <!-- ▲レビューエリア -->