app/template/default/Item/customer_message.twig line 1

Open in your IDE?
  1. {# お客様の声 #}
  2. <script>
  3.     $(function () {
  4.         $('.show-more').on('click', function (eventObject) {
  5.             eventObject.preventDefault();
  6.             $(this).parents('.comment').find('.extra').show();
  7.             $(this).remove();
  8.         });
  9.     });
  10. </script>
  11. {% if messages is not empty %}
  12.     <div class="message-area">
  13.         <p class="message-head">
  14.             {% if messagesTotal > 1 %}
  15.                 <a href="{{ url('message/index') }}?goods_id={{ data.goods_id }}" target="_blank">
  16.                     <b>{{ data.goods_name }} (品番：{{ data.goods_main_kataban }}) のお客様の声一覧 ({{ messagesTotal }}件!)はコチラ</b>
  17.                 </a>
  18.             {% else %}
  19.                 <b>{{ data.goods_name }} (品番：{{ data.goods_main_kataban }}) のお客様の声</b>
  20.             {% endif %}
  21.         </p>
  23.         {% for message in messages %}
  24.             <div class="per-message {% if message.file is not empty %} has-image {% endif %}">
  25.                 <div class="title">
  26.                     「<b>{{ message.title }}</b>」<br>
  27.                     {{ message.customer_name }}　様（{{ message.display_datetime }}）
  28.                 </div>
  29.                 <div class="message-content clearfix">
  30.                     <div class="picture">
  31.                         {% if message.file is not empty %}
  32.                             <img class="message-img" src="{{ message.file }}" border="0" id="cart_button"
  33.                                  alt="{{ message.customer_name }}　様からの声の写真"/>
  34.                         {% endif %}
  35.                     </div>
  36.                     <div class="message">
  37.                         {% if message.shorted_comment is defined %}
  38.                             <div class="comment customer-comment {% if message.extra_comment is not empty %} togglable {% endif %}">
  39.                                 <p>
  40.                                     <span>{{ message.shorted_comment }}</span>
  41.                                     <span class="extra">{{ message.extra_comment }}</span>
  42.                                 </p>
  43.                                 <span class="show-more">もっと見る</span>
  44.                             </div>
  45.                         {% endif %}
  46.                         {% if message.shorted_staff_comment is defined %}
  47.                             <div class="comment shop-comment {% if message.extra_staff_comment is not empty %} togglable {% endif %}">
  48.                                 <h4 class="shop-icon">ショップ担当者より</h4>
  49.                                 <p>
  50.                                     <span>{{ message.shorted_staff_comment }}</span>
  51.                                     <span class="extra">{{ message.extra_staff_comment }}</span>
  52.                                 </p>
  53.                                 <span class="show-more">もっと見る</span>
  54.                             </div>
  55.                         {% endif %}
  56.                     </div>
  57.                 </div>
  58.             </div>
  59.         {% endfor %}
  60.         <div class="clear"></div>
  61.     </div>
  62. {% endif %}