app/template/meldiastore/Block/news.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) LOCKON CO.,LTD. All Rights Reserved.
  6. http://www.lockon.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. {% set NewsList = repository('Eccube\\Entity\\News').getList() %}
  12. <style>
  13.     .b-news {
  14.     margin: 50px auto 50px;
  15. }
  16. </style>
  17. <div class="b-news">
  18.     <div class="b-news__body">
  19.         <h2 class="b-news__title c-animation-fade js-animation-fade">
  20.             <span class="b-news__title--main">{{ 'News'|trans }}</span>
  21.             <span class="b-news__title--sub">{{ 'Information & Updates'|trans }}</span>
  22.         </h2>
  23.         <div class="b-news__contents c-animation-fade js-animation-fade" id="js-news__contents">
  24.             {% for News in NewsList %}
  25.                 <section class="b-news__post js-news__post">
  26.                     <header class="b-news__post-heading{% if News.description or News.url %} js-news__post-heading{% endif %}{% if News.description or News.url %} has-link{% endif %}">
  27.                         <div class="b-news__post-heading-contents">
  28.                             <p class="b-news__post-date">{{ News.publish_date|date_day }}</p>
  29.                             <h3 class="b-news__post-title">{{ News.title }}</h3>
  30.                         </div>
  31.                         {% if News.description or News.url %}
  32.                             <div class="b-news__post-actions">
  33.                                 <i class="b-news__post-actions-icon c-animation--rotate-forward material-icons">expand_more</i>
  34.                             </div>
  35.                         {% endif %}
  36.                     </header>
  37.                     <div class="b-news__post-contents js-news__post-contents">
  38.                         {{ News.description|raw|nl2br }}{% if News.url %}<a href="{{ News.url }}" {% if News.link_method == '1' %}target="_blank"{% endif %}>{{ '詳しくはこちら'|trans }}</a>{% endif %}
  39.                     </div>
  40.                 </section>
  41.             {% endfor %}
  42.             {% if NewsList|length > 5 %}
  43.                 <div class="b-news__actions" id="js-news__actions">
  44.                     <div class="b-news__actions-item">
  45.                         <button class="c-button mdc-button" id="js-news-button" data-mdc-auto-init="MDCRipple">
  46.                             <span class="c-button__label mdc-button__label">もっと見る</span>
  47.                         </button>
  48.                     </div>
  49.                 </div>
  50.             {% endif %}
  51.         </div>
  52.     </div>
  53. </div>
  55. {# scriptはindex.twigに記載 #}