app/template/tanzo/Block/recommend_product_block.twig line 1

Open in your IDE?
  1. {#
  2.  * This file is part of the Recommend Product plugin
  3.  *
  4.  * Copyright (C) EC-CUBE CO.,LTD. All Rights Reserved.
  5.  *
  6.  * For the full copyright and license information, please view the LICENSE
  7.  * file that was distributed with this source code.
  8. #}
  9. {% block javascript %}
  10.     <script>
  11.         $(function() {
  12.             $('.recommend_slider').slick({
  13.                 slidesToShow: 4,
  14.                 slidesToScroll: 1,
  15.                 dots: false,
  16.                 //arrows: false,
  17.                 autoplay: true,
  18.                 speed: 2000,
  19.                 autoplaySpeed: 2000,
  20.                 responsive: [{
  21.                     breakpoint: 1067,
  22.                     settings: {
  23.                         slidesToShow: 3,
  24.                     }
  25.                 }, {
  26.                     breakpoint: 767,//切り替えたいデバイス幅を入れる
  27.                     settings: {
  28.                         slidesToShow: 2,
  29.                     }
  30.                 }],
  31.             });
  32.         });
  33.     </script>
  34. {% endblock javascript %}
  36. {% set recommend_products = repository('Plugin\\Recommend42\\Entity\\RecommendProduct').getRecommendProduct %}
  38. <div class="ec-shelfRole bg-white">
  39.     <div class="ec-newItemRole__listItem pt-5">
  40.         <div class="ec-secHeading my-4 text-center">
  41.             <p class="ec-secHeading__en fs-2">{{ 'RECOMMENDED'|trans }}</p>
  42.             <!--<p class="ec-secHeading__line"></p>-->
  43.             <p class="ec-secHeading__ja fs-6">{{ 'おすすめ商品'|trans }}</p>
  44.         </div>
  45.     </div>
  46.     <div class="ec-sliderRole overflow-hidden">
  47.         <div class="recommend_slider">
  48.             {% for RecommendProduct in recommend_products %}
  49.                 <div class="item slick-slide px-2">
  50.                     <a href="{{ url('product_detail', {'id': RecommendProduct.Product.id}) }}">
  51.                         <img src="{{ asset(RecommendProduct.Product.mainFileName|no_image_product, "save_image") }}">
  52.                     </a>
  53.                 </div>
  54.             {% endfor %}
  55.         </div>
  56.     </div>
  57.     <!--
  58.     <ul class="ec-shelfGrid">
  59.         {% for RecommendProduct in recommend_products %}
  60.             <li class="ec-shelfGrid__item">
  61.                 <a href="{{ url('product_detail', {'id': RecommendProduct.Product.id}) }}">
  62.                     <img src="{{ asset(RecommendProduct.Product.mainFileName|no_image_product, "save_image") }}">
  63.                     {#<p>{{ RecommendProduct.comment|raw|purify|nl2br }}</p>
  64.                     <dl>
  65.                         <dt class="item_name">{{ RecommendProduct.Product.name }}</dt>
  66.                         <dd class="item_price">
  67.                             {% if RecommendProduct.Product.hasProductClass %}
  68.                                 {% if RecommendProduct.Product.getPrice02Min == RecommendProduct.Product.getPrice02Max %}
  69.                                     {{ RecommendProduct.Product.getPrice02IncTaxMin|price }}
  70.                                 {% else %}
  71.                                     {{ RecommendProduct.Product.getPrice02IncTaxMin|price }} ～ {{ RecommendProduct.Product.getPrice02IncTaxMax|price }}
  72.                                 {% endif %}
  73.                             {% else %}
  74.                                 {{ RecommendProduct.Product.getPrice02IncTaxMin|price }}
  75.                             {% endif %}
  76.                         </dd>
  77.                     </dl>#}
  78.                 </a>
  79.             </li>
  80.         {% endfor %}
  81.     </ul>-->
  82. </div>
  83. <!-- ▲item_list▲ -->