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. {% if not list_news is defined %}
  12.   {% set list_news = [] %}
  13. {% endif %}
  15. {% if list_news is empty %}
  16.   {% set list_news = get_news_by_category_id(1) %}
  17. {% endif %}
  19. <article class="ec-custom_layout s_title mt-50 ec-newsRole_pc">
  20.   <section>
  21.     <h1 class="s_title_left blue">
  22.       最新情報
  23.       <span class="title">INFORMATION</span>
  24.     </h1>
  25.     <img src="{{ asset('assets/img/common/cat_line.jpg') }}" class="line_cart" alt="Category Line Image">
  26.     <div class="u_bgcolor_g mt-10">
  27.       <ul class="u_cat nobpad">
  28.         <li>
  29.           <div class="block_body topnewsbody" style="width: 100% !important;">
  30.             <div class="news_contents ">
  31.               {% for news in list_news %}
  32.                 <dl class="news_list">
  33.                   <dt>
  34.                     <span class="{{ news.getIconColor() }}" data-type="{{news.NewsType.id}}" style="bac">{{news.NewsType.name}}</span>
  35.                   </dt>
  36.                   <dd>
  37.                     <p>
  38.                       {{news.title}}</p>
  39.                     <p>{{news.description|raw|nl2br}}</p>
  40.                   </dd>
  41.                 </dl>
  42.                 <p class="sec_line"></p>
  43.               {% endfor %}
  44.             </div>
  45.           </div>
  46.         </li>
  47.       </ul>
  48.       <div class="btn_cat alfa">
  49.         <a href="{{ url('homepage') }}page/infomation/" class="btn w250">ピックアップ情報</a>
  50.       </div>
  51.     </div>
  52.   </section>
  53. </article>
  55. <article class="ec-custom_layout s_title ec-newsRole_sp">
  56.   <section>
  57.     <div class="ec-header_sp u-text--914D59">
  58.       <span>
  59.         最新情報
  60.       </span>
  61.       <span>
  62.         INFORMATION
  63.       </span>
  64.     </div>
  65.     <div class="u-bg--E0DAD3 u-marginTop--4pct u-padding--4pct_0">
  66.       <ul class="p-list js-subnav">
  67.         {% for news in list_news %}
  68.           <li class="p-list__item">
  69.             <a class="ui-link">
  70.               <div class="p-list__left">
  71.                 <span class="{{ news.getIconColor() }} icon" data-type="{{news.NewsType.id}}" style="bac">{{news.NewsType.name}}</span>
  72.                 <span class="p-list__title">[{{news.publish_date|date('Y.m.d')}}]
  73.                   {{ news.title }}</span>
  74.               </div>
  75.               <div class="p-list__right">
  76.                 <span class="js-navIcon--open u-align--mdl">></span>
  77.               </div>
  78.             </a>
  79.             <ul class="js-subnavDropdown">
  80.               <li>{{ news.description|raw|nl2br }}</li>
  81.             </ul>
  82.           </li>
  83.         {% endfor %}
  84.       </ul>
  85.     </div>
  86.   </section>
  87. </article>
  89.  <script>
  90.   $(document).ready(function () {
  91.     $('.p-list__item').on('click', function () {
  92.         const $dropdown = $(this).find('.js-subnavDropdown');
  93.         const $icon = $(this).find('.js-navIcon--open');
  94.         $dropdown.toggleClass('open');
  95.         $dropdown.slideToggle()
  96.         if ($dropdown.hasClass('open')) {
  97.             $icon.html('x');
  98.         } else {
  99.             $icon.html('>');
  100.         }
  101.     });
  102.   });
  103. </script>