app/template/BlackCherry/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 = newsRepository().getTopDisplayList() %}
  13. {% block javascript %}
  14.     <script>
  15.         $(function() {
  17.             $('.ec-newsRole__newsHeading').on('click', function() {
  18.                 $newsItem = $(this).parent('.ec-newsRole__newsItem');
  19.                 $newsDescription = $newsItem.children('.ec-newsRole__newsDescription');
  20.                 if ($newsDescription.css('display') == 'none') {
  21.                     $newsItem.addClass('is_active');
  22.                     $newsDescription.slideDown(300);
  23.                 } else {
  24.                     $newsItem.removeClass('is_active');
  25.                     $newsDescription.slideUp(300);
  26.                 }
  27.                 return false;
  28.             });
  29.         });
  30.     </script>
  31. {% endblock %}
  32. <div class="ec-role">
  33.     <div class="ec-newsRole">
  34.         <div class="ec-secHeading">
  35.             <span class="ec-secHeading__text">{{ 'お知らせ'|trans }}</span>
  36.         </div>
  37.         <div class="ec-newsRole__news">
  38.             {% for News in NewsList %}
  39.                 <div class="ec-newsRole__newsItem">
  40.                     <div class="ec-newsRole__newsHeading">
  41.                         <div class="ec-newsRole__newsDate">
  42.                             {{ News.publish_date|date_day }}
  43.                         </div>
  44.                         <div class="ec-newsRole__newsColumn">
  45.                             <div class="ec-newsRole__newsTitle{% if News.isRedTitle %} is-red{% endif %}">
  46.                                 {{ News.title }}
  47.                             </div>
  48.                             {% if News.description or News.url %}
  49.                                 <div class="ec-newsRole__newsClose">
  50.                                     <a class="ec-newsRole__newsCloseBtn">
  51.                                         <i class="fas fa-angle-down"></i>
  52.                                     </a>
  53.                                 </div>
  54.                             {% endif %}
  55.                         </div>
  56.                     </div>
  57.                     <div class="ec-newsRole__newsDescription">
  58.                         {{ News.description|raw|nl2br }}
  59.                         {% if News.url %}
  60.                             <br>
  61.                             <a href="{{ News.url }}" {% if News.link_method == '1' %}target="_blank"{% endif %}>{{ '詳しくはこちら'|trans }}</a>
  62.                         {% endif %}
  63.                     </div>
  64.                 </div>
  65.             {% endfor %}
  66.         </div>
  67.     </div>
  68. </div>