app/template/default/Block/Sp/Item/lm_item_review_list.twig line 1

Open in your IDE?
  1. <style>
  2.   .review-show-on-more {
  3.     display: none;
  4.   }
  6.   #review-show-more-area {
  7.     text-align: right;
  8.     width: 95%;
  9.     margin: 10px auto;
  10.   }
  12.   #review-show-more-button {
  13.     border: solid 1px #333;
  14.     font-size: 12px;
  15.     padding: 4px;
  16.     -webkit-appearance: none;
  17.     background: #ccc;
  18.     border-radius: 0;
  19.   }
  20. </style>
  22. {% if review is defined %}
  23.   {% set count = 0 %}
  24.   {% set break = false %}
  25.     <div id="wrap" style="margin-top: 15px;">
  26.         <div id="voice" class="voice-box" style="border: 1px solid #ccc;">
  27.             <div class="title">
  28.               <h2>この商品を買ったお客様の評価{#（{{ php_count(review) }}）#}</h2>
  29.             </div>
  31.             <ul style="width: 95%; margin: 0 auto; margin-top: 10px;">
  32.             {% for r_idx, v in review if not break %}
  33.                 {% if count >= 5 %}
  34.                   {% set break = true %}
  35.                 {% endif %}
  36.                 <li style="border: 1px solid #ccc; padding: 10px;" {% if r_idx > 2 %}class="review-show-on-more"{% endif %}>
  37.                   <dl>
  38.                                         <dt style="margin-bottom: 5px;">評価：<b>{{ v['cr_points'] }}</b> 
  39.                     {% for i in 0..4 %}
  40.                       {% if i < v['cr_points'] %}
  41.                         <span style="color: #ffa462; font-size: 16px;">★</span>
  42.                       {% else %}
  43.                         <span style="color: #c5c5c5; font-size: 16px;">★</span>
  44.                       {% endif %}
  45.                     {% endfor %}
  46.                     </dt>
  47.                     <dd>
  48.                                             <p style="margin-bottom: 5px;">{% if v['cr_staff_comment'] is defined and v['cr_staff_comment'] != '' %} {{ v['cr_staff_comment'] | display_text | raw }} {% elseif v['cr_comment'] is defined and v['cr_comment'] != '' %}{{ v['cr_comment'] | display_text | raw }}{% endif %}</p>
  49.                                             <span style="color: #999;">投稿した日：{{ php_date('Y/m/d', php_strtotime(v['app_datetime'])) }}</span>
  50.                                         </dd>
  51.                   </dl>
  52.                 </li>
  53.             {% endfor %}
  54.             </ul>
  55.             {% if php_count(review) > 3 %}
  56.               <div id="review-show-more-area">
  57.                                 <input id="review-show-more-button" type="button" value="▼もっと見る">
  58.                             </div>
  59.             {% endif %}
  60.         </div><!-- /#voice -->
  61.     </div><!-- /#wrap -->
  62. {% endif %}
  64. <script>
  65.     $('#review-show-more-button').on('click', function(){
  66.         $('#voice li.review-show-on-more').toggle();
  67.         $(this).hide();
  68.     });
  69. </script>