app/template/kaiino/Block/brands.twig line 1

Open in your IDE?
  1. {% block stylesheet %}
  2.   
  3. {% endblock %}
  5. {% block javascript %}
  6. <script>
  7.     {% set arrowLeft = asset('assets/icon/slick-arrow-left-white.svg') %}
  8.     {% set arrowRight = asset('assets/icon/slick-arrow-right-white.svg') %}
  9.     
  10.     $(function() {
  11.         $('#slide_brand').slick({
  12.             slidesToShow: 4,
  13.             dots: false,
  14.             arrows: true,
  15.             autoplay: false,
  16.             speed: 300,
  17.             infinite: false,
  18.             appendArrows: $('#brand_arrows'),
  19.             prevArrow: '<button type="button" class="btn"><img src="{{ arrowLeft }}" alt=""></button>',
  20.             nextArrow: '<button type="button" class="btn btn-juliet"><img src="{{ arrowRight }}" alt=""></button>',
  21.             responsive: [{
  22.                 breakpoint: 768,
  23.                 settings: {
  24.                   slidesToShow: 2
  25.                 }
  26.             }]
  27.         });
  28.     });
  29.         
  30. </script>
  31. {% endblock javascript %}
  33. {% set Brands = repository('Plugin\\BrandManager\\Entity\\Brand').getList() %}
  34. {% if Brands|length %}
  35. <div class="ec-role">
  36.     <div class="ec-rankingRole ec-contentRole">
  37.         <div class="ec-secHeading">
  38.             <div>
  39.                 <span class="ec-secHeading__en">{{ 'BRAND'|trans }}</span>
  40.                 <img src="{{ asset('assets/icon/slash.svg') }}" alt="" class="ec-slash is-pc">
  41.                 <span class="ec-secHeading__ja">{{ 'ブランド'|trans }}</span>
  42.             </div>
  43.             <div class="ranking-arrows content-arrows" id="brand_arrows"></div>
  44.         </div>
  45.         <div class="ec-rankingRole__List" id="slide_brand">
  46.           {% for Brand in Brands %}
  47.             <div class="ec-contentRole__listItem">
  48.               <div class="img img_fit size_type1">
  49.                  <a href="/brand/view/{{ Brand.id }}"><img src="{{ Brand.getImage }}"></a>
  50.               </div>
  51.               <a href="/brand/view/{{ Brand.id }}">
  52.                   <p class="ec-contentRole__listItemTitle">{{ Brand.name }}</p>
  53.               </a>
  54.             </div>
  55.           {% endfor %}
  56.             
  57.         </div>
  58.     </div>
  59.           
  60.     <div class="read_more">
  61.       <a href="/brand" class="">ブランド一覧</a>
  62.     </div>
  63. </div>
  64. {% endif %}