app/template/default/Block/news.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. {% set NewsList = repository('Eccube\\Entity\\News').getList() %}
  13. {% block javascript %}
  14. <script>
  15.   $(function () {
  16.     $('.news__list').each(function () {
  17.       var listLength = $(this).find('.news__item').length;
  18.       if (listLength > 5) {
  19.         $(this).find('.news__item:gt(4)').each(function () {
  20.           $(this).hide();
  21.         });
  22.         $(this).append('<a id="news_readmore" class="ec-inlineBtn--top">{{ 'more'|trans }}</a>');
  23.         var dispNum = 5;
  24.         $(this).find('#news_readmore').click(function () {
  25.           dispNum += 5;
  26.           $(this).parent().find('.news__item:lt(' + dispNum + ')').show();
  27.           if (dispNum >= listLength) {
  28.             $(this).hide();
  29.           }
  30.         })
  31.       }
  32.     });
  34.     $('.news__item-heading').on('click', function () {
  35.       $newsItem = $(this).parent('.news__item');
  36.       $newsDescription = $newsItem.children('.news__item-desc');
  37.       if ($newsDescription.css('display') == 'none') {
  38.         $newsItem.addClass('is-active');
  39.         $newsDescription.slideDown(300);
  40.       } else {
  41.         $newsItem.removeClass('is-active');
  42.         $newsDescription.slideUp(300);
  43.       }
  44.       return false;
  45.     });
  46.   });
  47. </script>
  48. {% endblock %}
  49. <section class="news">
  50.   <div class="inner">
  51.     <h2 class="section__heading">News<span class="section__sub-heading">お知らせ</span></h2>
  52.     <ul class="news__list">
  53.       {% for News in NewsList %}
  54.       <li class="news__item">
  55.         <div class="news__item-heading">
  56.           <p class="news__item-date">
  57.             {{ News.publish_date|date_day }}
  58.           </p>
  59.           <div class="news__item-column">
  60.             <div class="news__item-title">
  61.               {{ News.title }}
  62.             </div>
  63.             {% if News.description or News.url %}
  64.             <div class="news__item-close"></div>
  65.             {% endif %}
  66.           </div>
  67.         </div>
  68.         <p class="news__item-desc">
  69.           {{ News.description|raw|nl2br }}
  70.           {% if News.url %}
  71.           <br>
  72.           <a href="{{ News.url }}" {% if News.link_method=='1' %}target="_blank" {% endif %}>{{ '詳しくはこちら'|trans }}</a>
  73.           {% endif %}
  74.         </p>
  75.       </li>
  76.       {% endfor %}
  77.     </ul>
  78.   </div>
  79. </section>