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>重要なお知らせ</span></h2>
  68.             <p class="news-notice-text">
  69.                 平素より当社の商品をご愛顧いただき<br class="sp">ありがとうございます。<br>
  70.                 2025年11月22日(土)にMBS放送「サタプラ」内の「ひたすら試してランキング」にて<br>当社の商品を取り上げていただき、見事総合2位を獲得しました。<br>
  71.                 前回(2022年)の放送時にはサーバがダウンするほどの大変大きな反響をいただいた反面、<br>お客様に大変ご迷惑をおかけいたしました。<br>
  72.                 今回は前回の反省を活かし、あらかじめ告知させていただきます。<br>
  73.                 放送後は通常時よりも注文が大きく増えることが予想され、出荷までにお時間を要することとなります。<br>
  74.                 今のところご注文から出荷が完了するまでの期間を3週間程度と見込んでおります。<br>
  75.                 ご不便をおかけいたしますがご了承の上、ご注文いただけますようお願いいたします。
  76.             </p>
  77.             <a href="https://s23.kaihatsu.space/products/list?category_id=13" target="_blank" class="news-notice-link">期間限定商品はこちら</a>
  78.         </div>
  79.     </div>
  80. </section>
  81. <section class="p-section bg-gray news">
  82.     <div class="inner">
  83.         <h2 class="p-title icon-top">
  84.             <span class="ec-secHeading__en">{{ 'お知らせ'|trans }}</span>
  85.         </h2>
  86.         <ul class="news-list">
  87.             {% for News in NewsList %}
  88.             <li class="news-item">
  89.                 <div class="news-head">
  90.                     <p class="news-date">
  91.                         {{ News.publish_date|date_day }}
  92.                     </p>
  93.                     <h3 class="news-title">
  94.                         {{ News.title }}
  95.                     </h3>
  96.                     {% if News.description or News.url %}
  97.                     <div class="news-close">
  98.                         <a class="news-close-button"></a>
  99.                     </div>
  100.                     {% endif %}
  101.                 </div>
  102.                 <div class="news-body">
  103.                     {{ News.description|raw|nl2br }}
  104.                     {% if News.url %}
  105.                     <br>
  106.                     <a href="{{ News.url }}" {% if News.link_method == '1' %}target="_blank" {% endif %}>{{ '詳しくはこちら'|trans }}</a>
  107.                     {% endif %}
  108.                 </div>
  109.             </li>
  110.             {% endfor %}
  111.         </ul>
  112.     </div>
  113. </section>