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

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE, Overwrite by INSPIRATION
  4. #}
  5. {% set NewsList = repository('Eccube\\Entity\\News').getList() %}
  7. {% block javascript %}
  8.     <script>
  9.         $(function() {
  10.             $('.ec-newsRole__news').each(function() {
  11.                 var listLength = $(this).find('.ec-newsRole__newsItem').length;
  12.                 if (listLength > 5) {
  13.                     $(this).find('.ec-newsRole__newsItem:gt(4)').each(function() {
  14.                         $(this).hide();
  15.                     });
  16.                     $(this).append('<a id="news_readmore" class="ec-inlineBtn--top">{{ 'more'|trans }}</a>');
  17.                     var dispNum = 5;
  18.                     $(this).find('#news_readmore').click(function() {
  19.                         dispNum += 5;
  20.                         $(this).parent().find('.ec-newsRole__newsItem:lt(' + dispNum + ')').show();
  21.                         if (dispNum >= listLength) {
  22.                             $(this).hide();
  23.                         }
  24.                     })
  25.                 }
  26.             });
  28.             $('.ec-newsRole__newsHeading').on('click', function() {
  29.                 $newsItem = $(this).parent('.ec-newsRole__newsItem');
  30.                 $newsDescription = $newsItem.children('.ec-newsRole__newsDescription');
  31.                 if ($newsDescription.css('display') == 'none') {
  32.                     $newsItem.addClass('is_active');
  33.                     $newsDescription.slideDown(300);
  34.                 } else {
  35.                     $newsItem.removeClass('is_active');
  36.                     $newsDescription.slideUp(300);
  37.                 }
  38.                 return false;
  39.             });
  40.         });
  41.     </script>
  42. {% endblock %}
  44.         <div class="text-center my-5">
  45.             <h1 class="fw-bold _fs-5">{{ 'ゴルフプリントからのお知らせ'|trans }}</h1>
  46.         </div>
  47.         <div class="ec-newsRole__news border border-3 border-ec-gray p-3 p-sm-5">
  48.             {# 2025.03.24 内容も多くないので、表示件数を3件とした #}
  49.             {% for News in NewsList|slice(0,3) %}
  50.             <div class="ec-newsRole__newsItem">
  51.                 <dl class="ec-newsRole__newsHeading info-container" style="cursor: pointer;">
  52.                     <dd class="ec-newsRole__newsDate date me-3">{{ News.publish_date|date('Y.m.d') }}</dd>
  53.                     <dt class="ec-newsRole__newsColumn info ms-3"><span class="ec-newsRole__newsTitle">{{ News.title }}</span></dt>
  54.                 </dl>
  55.                 <div class="ec-newsRole__newsDescription" style="margin-bottom: 1rem; display: none;">
  56.                     {{ News.description|raw|nl2br }}
  57.                     {% if News.url %}
  58.                         <br>
  59.                         <a href="{{ News.url }}" {% if News.link_method == '1' %}target="_blank"{% endif %}>{{ '詳しくはこちら'|trans }}</a>
  60.                     {% endif %}
  61.                 </div>
  62.             </div>
  63.             {% endfor %}
  64.         </div>