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 stylesheet %}
  14.     <style>
  15.     .ec-newsRole__newsItem {
  16.         display: block;
  17.     }
  18.     </style>
  19. {% endblock %}
  21. {% block javascript %}
  22.     <script>
  23.         $(function() {
  24.             $('.ec-newsRole__news').each(function() {
  25.                 var listLength = $(this).find('.ec-newsRole__newsItem').length;
  26.                 if (listLength > 5) {
  27.                     $(this).find('.ec-newsRole__newsItem:gt(4)').each(function() {
  28.                         $(this).hide();
  29.                     });
  30.                     $(this).append('<a id="news_readmore" class="mod-btn-01 isOpen marginTop20"><span class="btnInner">もっと見る</span></a>');
  31.                     var dispNum = 5;
  32.                     $(this).find('#news_readmore').click(function() {
  33.                         dispNum += 5;
  34.                         $(this).parent().find('.ec-newsRole__newsItem:lt(' + dispNum + ')').show();
  35.                         if (dispNum >= listLength) {
  36.                             $(this).hide();
  37.                         }
  38.                     })
  39.                 }
  40.             });
  41.         });
  42.     </script>
  43. {% endblock %}
  45. <div class="ec-newsRole__news top-news-list">
  46.     {% for News in NewsList %}
  47.         <article class="ec-newsRole__newsItem newsBox">               
  48.             <a href={{ url('news_detail',  {'id': News.id}) }} class="newsBoxInner">
  49.                 <div class="newsBox-header">
  50.                     <span class="newsBox-header-date">{{ News.publish_date|date('Y.m.d') }}</span>
  51.                 </div>
  52.                 <h3 class="newsBox-hl">{{ News.title }}</h3>
  53.             </a>
  54.         </article>                
  55.     {% endfor %}   
  56. </div>