app/template/cosme41/index.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% extends 'default_frame.twig' %}
  13. {% set body_class = 'front_page brand-top ' %}
  15. {% block main %}
  16.     <div class="top_main_contents">
  17.     </div>
  19. {# index.twig の好きな場所にこのコードを貼り付ける #}
  20. <div class="ec-layoutRole__mainBottom" id="top-review">
  21.     <div class="top-review ec-role_cosme">
  22.         <div class="ec-secHeading">
  23.             <span class="ec-secHeading__en">NEW REVIEW</span>
  24.             <span class="ec-secHeading__ja">新着順20レビュー</span>
  25.         </div>
  26.         <ul class="ec-reviewList">
  27.             {% if Reviews is not empty %}
  28.                 {% for Review in Reviews %}
  29.                     <li class="ec-reviewList__item">
  30.                     <a href="{{ url('product_detail', {id: Review.Product.id}) }}">
  31.                         <div class="ec-reviewList__header">
  32.                           <h3 class="ec-reviewList__productName">{{ Review.Product.name }}</h3>
  33.                           <p class="ec-reviewList__name">{{ Review.reviewer_name }} 様 <span class="ec-reviewList__date">{{ Review.create_date|date("Y/m/d") }}</span><span class="ec-reviewList__star">{% for i in 1..Review.recommend_level %}★{% endfor %}</span>
  34.                           </p>
  35.                         </div>
  36.                         <p class="ec-reviewList__comment">{{ (Review.comment|length > 150 ? Review.comment|slice(0, 150) ~ '...' : Review.comment)|nl2br }}</p>
  37.                         <p class="right s80">商品ページへ ></p>
  38.                     </a>
  39.                     </li>
  40.                 {% endfor %}
  41.             {% else %}
  42.                 <li class="ec-reviewList__item--none">レビューはまだありません。</li>
  43.             {% endif %}
  44.         </ul>
  45.       
  46.         <div class="accordion">
  47.         <details>
  48.         <summary>＼教えてください！／<br>
  49.         <span class="small">あなたの声が「ステキの道しるべ」になります</span></summary>
  50.         <p>私たちは、一つひとつの商品がまっすぐ伝わるよう、心を込めて商品紹介をしています。<br>
  51.         ですが、実際に商品を手にしてくださった「リアルな声」に勝るものはありません。<br><br>
  52.         「この使い心地が好き」<br>
  53.         「こんな使い方もおすすめです」<br>
  54.         「リピートしている決め手は」<br><br>
  55.         そんな、あなただけの素直な声が、お気に入りアイテムと出会うための、何より大切な「道しるべ」となります。<br><br>
  56.         もしよろしければ、ほんのひとことでも構いません。<br>
  57.         あなたが感じた商品とのストーリーを、ぜひお聞かせいただけないでしょうか。<br>
  58.         温かいお声が集まることで、この場所がさらにお役に立てることを願っております。</p>
  59.         </details>
  61.         <P class="orange bold">レビュー投稿で300ポイント贈呈！詳しくは各商品ページ「レビューを投稿」ボタンから</P>
  63.         </div>
  64.       
  65.     </div>
  66. </div>
  68. {% endblock %}