app/template/blueshop/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.             $('.ec-newsRole__news').each(function() {
  17.                 var listLength = $(this).find('.ec-newsRole__newsItem').length;
  18.                 if (listLength > 3) {
  19.                     $(this).find('.ec-newsRole__newsItem:gt(2)').each(function() {
  20.                         $(this).hide();
  21.                     });
  22.                     $(this).append('<a id="news_readmore" class="ec-inlineBtn--top">{{ 'もっと見る'|trans }}</a>');
  23.                     var dispNum = 3;
  24.                     $(this).find('#news_readmore').click(function() {
  25.                         dispNum += 3;
  26.                         $(this).parent().find('.ec-newsRole__newsItem:lt(' + dispNum + ')').show();
  27.                         if (dispNum >= listLength) {
  28.                             $(this).hide();
  29.                         }
  30.                     })
  31.                 }
  32.             });
  33.         });
  34.     </script>
  35. {% endblock %}
  36. <div class="ec-role news main-ele" id="news">
  37.     <div class="ec-newsRole container">
  38.         {# <div class="ec-secHeading">
  39.             <span class="ec-secHeading__en">{{ 'NEWS'|trans }}</span>
  40.             <span class="ec-secHeading__line"></span>
  41.             <span class="ec-secHeading__ja">{{ '新着情報'|trans }}</span>
  42.         </div> #}
  44.         <div class="section-title">
  45.             <h2 class="en wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.3s; animation-name: fadeInUp;">News</h2>
  46.             <p class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.3s; animation-name: fadeInUp;">新着情報</p>
  47.         </div>
  49.         <div class="ec-newsRole__news section-content">
  50.             {% for News in NewsList %}
  51.             <a href={{ url('news_detail',  {'id': News.id}) }} class="ec-newsRole__newsItem" target="_blank">
  52.                 <div class="content-ele">
  53.                     <div class="ec-newsRole__newsHeading">
  54.                         <div class="ec-newsRole__newsDate">
  55.                             {{ News.publish_date|date_day }}
  56.                         </div>
  57.                         <div class="ec-newsRole__newsTitle">
  58.                             {{ News.title }}
  59.                         </div>
  60.                         {# {% if News.description or News.url %}
  61.                             <div class="ec-newsRole__newsClose">
  62.                                 <a class="ec-newsRole__newsCloseBtn">
  63.                                     <i class="fas fa-angle-down"></i>
  64.                                 </a>
  65.                             </div>
  66.                         {% endif %} #}
  67.                     </div>
  68.                     {# <div class="ec-newsRole__newsDescription">
  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.                     </div> #}
  75.                 </div>
  76.             </a>
  77.             {% endfor %}
  78.         </div>
  79.     </div>
  80. </div>