app/template/default/Block/new_topic.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. #}
  12. <div class="ec-newTopicRole">
  13.     <div class="ec-secNewHeading is-center text-center bgextend bgLRextendTrigger">
  14.         <div class="bgappearTrigger">
  15.             <p class="ec-secNewHeading__en scroll-fadein">{{ 'TOPICS'|trans }}</p>
  16.             <p class="ec-secNewHeading__ja scroll-fadein">{{ 'トピックス'|trans }}</p>
  17.         </div>
  18.     </div>
  19.     {% if Blogs is defined and Blogs|length > 0 %}
  20.         <div class="ec-topicRole__list scroll-fadein-delay1">
  21.             {% for Blog in Blogs %}
  22.                 <div class="ec-topicRole__listItem ">
  23.                     <a href="{{ url('cm_blog_pro_page_detail', {'id': Blog.slug ? Blog.slug : Blog.id}) }}">
  24.                         <img src="{{ asset(Blog.getMainListImage|no_image_product, 'save_image') }}" />
  25.                     </a>
  26.                     <p class="ec-topicRole__listItemTitle">{{ Blog.getTitle|length > 45 ? Blog.getTitle|striptags|replace({('&nbsp;'):' '})|slice(0, 45)|raw ~ '...' : Blog.getTitle|raw }}</p>
  27.                 </div>
  28.             {% endfor %}
  29.         </div>
  30.     {% else %}
  31.         <div class="ec-newTopicRole__defined scroll-fadein-delay1">
  32.             <div class="ec-newTopicRole__defined__block">
  33.                 <div class="ec-newTopicRole__defined__block__inner">
  34.                     <img src="{{ asset("assets/img/common/logo.png", "user_data") }}" alt="株式会社ジュークボックス"  width="70" height="64" loading="lazy">
  35.                     <p class="ec-newTopicRole__defined__block__name">株式会社ジュークボックス</p>
  36.                 </div>
  37.             </div>
  38.             
  39.             <p class="ec-newTopicRole__defined__text">只今準備中です。</p>
  40.         </div>
  41.     {% endif %}
  42.    
  43. </div>
  44. {% block javascript %}
  45.     <script>
  46.         $(function() {
  47.             var itemLength = $(".ec-topicRole__listItem") ? $(".ec-topicRole__listItem").length : 3;
  48.             $('.ec-topicRole__list').slick({
  49.                 dots: false,
  50.                 arrows: false,
  51.                 autoplay: false,
  52.                 speed: 300,
  53.                 slidesToShow: itemLength,
  54.                 responsive: [
  55.                     {
  56.                         breakpoint: 769,
  57.                         settings: {
  58.                             initialSlide: 0,
  59.                             slidesToShow: 1.5,
  60.                             infinite: false
  61.                         }
  62.                     }
  63.                 ]
  64.             });
  65.         });
  66.     </script>
  67. {% endblock javascript %}