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">{{ '
  23.                     more '|trans }}</a>');
  24.                 var dispNum = 5;
  25.                 $(this).find('#news_readmore').click(function() {
  26.                     dispNum += 5;
  27.                     $(this).parent().find('.news-item:lt(' + dispNum + ')').show();
  28.                     if (dispNum >= listLength) {
  29.                         $(this).hide();
  30.                     }
  31.                 })
  32.             }
  33.         });
  35.         $('.news-head').on('click', function() {
  36.             $newsItem = $(this).parent('.news-item');
  37.             $newsDescription = $newsItem.children('.news-body');
  38.             if ($newsDescription.css('display') == 'none') {
  39.                 $newsItem.addClass('is_active');
  40.                 $newsDescription.slideDown(300);
  41.             } else {
  42.                 $newsItem.removeClass('is_active');
  43.                 $newsDescription.slideUp(300);
  44.             }
  45.             return false;
  46.         });
  47.     });
  48. </script>
  49. {% endblock %}
  50. <section class="p-section bg-gray notice">
  51.     <div class="inner">
  52.         <!-- <div class="notice-wrapper">
  53.             <h2 class="news-notice-heading">サイトリニューアルに伴う<span>重要なお知らせ</span></h2>
  54.             <p class="news-notice-text">
  55.                 平素より当社の商品をご愛顧いただき<br class="sp">ありがとうございます。<br>
  56.                 2025年4月○日(○)より当社ECサイトが<br class="sp">リニューアルオープンとなりました。<br>
  57.                 旧サイト(http://hirota-s.shop-pro.jp/)は<br class="sp">ご利用いただけなくなりましたので<br class="sp">以後こちらのサイトよりお買い求めください。<br>
  58.                 つきましては旧サイトで<br class="sp">会員登録されていたお客様へお願いです。<br>
  59.                 サイトリニューアルに伴い、会員情報は移行<br class="sp">されましたが、セキュリティの観点より<br><span class="bold">会員ログインパスワードがリセット</span><br class="sp">されております。<br>
  60.                 <span class="bold">画面右上の「ログイン」ボタンより<br class="sp">パスワードの再発行</span>を行なってください。<br>
  61.                 旧サイトで<span class="bold">保持されていた<br class="sp">ポイントはそのままご利用いただけます。</span>
  62.             </p>
  63.             <a href="{{ asset('assets/pdf/password_reissue.pdf', 'user_data') }}" target="_blank" class="news-notice-link">詳しい手順はこちら</a>
  64.         </div> -->
  66.         <div class="notice-wrapper">
  67.             <h2 class="news-notice-heading">商品価格改定のお知らせ</span></h2>
  68.             <p class="news-notice-text">
  69.                 2026年5月1日より、弊社商品の一部の価格を改定させていただきます。<br>
  70.                 弊社におきましては、お客様のご期待に沿うべく、経営の合理化を進め、コスト削減に努めて参りましたが、<br>
  71.                 近年の原材料、原油、物流コストなどの高騰により、私どもの企業努力のみでは、<br>
  72.                 現在の価格体系を維持するのが困難な状況となりました。<br>
  73.                 つきましては、誠に不本意ではございますが、以下の価格を改定させていただくことをお知らせいたします。<br>
  74.                 今後も品質の維持・向上を行いながら、皆様のご愛顧にお応えするため、今後も安定供給に努めて参ります。<br>
  75.                 何卒ご理解を賜りますようお願い申し上げます。
  76.             </p>
  77.             <dl class="news-notice-list">
  78.                 <div>
  79.                     <dt>改定時期</dt>
  80.                     <dd>2026年5月1日</dd>
  81.                 </div>
  82.                 <div>
  83.                     <dt>対象商品</dt>
  84.                     <dd>ぽんず・他一部商品</dd>
  85.                 </div>
  86.                 <div>
  87.                     <dt>改定内容</dt>
  88.                     <dd>希望小売価格で約8%〜16.7%、決済手数料・送料の一部</dd>
  89.                 </div>
  90.             </dl>
  91.             <p class="news-notice-name">2026年3月吉日<br>手造りひろた食品株式会社</p>
  92.         </div>
  93.     </div>
  94. </section>
  95. <section class="p-section bg-gray news">
  96.     <div class="inner">
  97.         <h2 class="p-title icon-top">
  98.             <span class="ec-secHeading__en">{{ 'お知らせ'|trans }}</span>
  99.         </h2>
  100.         <ul class="news-list">
  101.             {% for News in NewsList %}
  102.             <li class="news-item">
  103.                 <div class="news-head">
  104.                     <p class="news-date">
  105.                         {{ News.publish_date|date_day }}
  106.                     </p>
  107.                     <h3 class="news-title">
  108.                         {{ News.title }}
  109.                     </h3>
  110.                     {% if News.description or News.url %}
  111.                     <div class="news-close">
  112.                         <a class="news-close-button"></a>
  113.                     </div>
  114.                     {% endif %}
  115.                 </div>
  116.                 <div class="news-body">
  117.                     {{ News.description|raw|nl2br }}
  118.                     {% if News.url %}
  119.                     <br>
  120.                     <a href="{{ News.url }}" {% if News.link_method == '1' %}target="_blank" {% endif %}>{{ '詳しくはこちら'|trans }}</a>
  121.                     {% endif %}
  122.                 </div>
  123.             </li>
  124.             {% endfor %}
  125.         </ul>
  126.     </div>
  127. </section>