app/template/kaiino/Block/order_by_sale.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_ranking').slick({
  12.             slidesToShow: 4,
  13.             dots: false,
  14.             arrows: true,
  15.             autoplay: false,
  16.             speed: 300,
  17.             infinite: false,
  18.             appendArrows: $('#ranking_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. {% if Products|length %}
  34. <div class="ec-role">
  35.     <div class="ec-rankingRole ec-contentRole">
  36.         <div class="ec-secHeading">
  37.             <div>
  38.                 <span class="ec-secHeading__en">{{ 'RANKING'|trans }}</span>
  39.                 <img src="{{ asset('assets/icon/slash.svg') }}" alt="" class="ec-slash is-pc">
  40.                 <span class="ec-secHeading__ja">{{ 'ランキング'|trans }}</span>
  41.             </div>
  42.             <div class="ranking-arrows content-arrows" id="ranking_arrows"></div>
  43.         </div>
  44.         <div class="ec-rankingRole__List" id="slide_ranking">
  45.           {% for Product in Products %}
  46.             {{ include('Product/list_single_slide_item.twig') }}
  47.           {% endfor %}
  48.             
  49.         </div>
  50.     </div>
  51. </div>
  52. {% endif %}