app/template/default/Block/refine_check_item.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of Refine
  4. Copyright(c) 2021 Refine Co.,Ltd. All Rights Reserved.
  6. https://www.re-fine.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  12. <script>
  13.     $(function () {
  14.         $('#refine-check-item').appendTo($('#js-checked-area'));
  16.         if (window.matchMedia( '(min-width: 768px)' ).matches) {
  17.             if($('#js-checked-slider').find('.p-product-checked__slide').length<=4){
  18.                 $('#js-checked-slider').addClass('no-slide');
  19.             } else {
  20.                 $('#js-checked-slider').slick({
  21.                   autoplay: false,
  22.                   arrows: true,
  23.                   dots:false,
  24.                   slidesToShow: 4,
  25.                 });
  26.             }
  27.         } else {
  28.             if($('#js-checked-slider').find('.p-product-checked__slide').length<=1){
  29.                 $('#js-checked-slider').addClass('no-slide');
  30.             } else {
  31.                 $('#js-checked-slider').slick({
  32.                   autoplay: false,
  33.                   arrows: false,
  34.                   dots:false,
  35.                   centerMode: true,
  36.                   centerPadding: '10%',
  37.                 });
  38.             }
  39.         }
  40.     });
  41. </script>
  43. {% if Products %}
  44.     <div class="p-product-checked__container" id="refine-check-item">
  45.         <h2 class="p-product-checked__ttl c-ttl-sec">
  46.             <span class="jp">最近チェックした商品</span>
  47.             <span class="en">CHECKED PRODUCTS</span>
  48.         </h2>
  49.         <div class="p-product-checked__slider" id="js-checked-slider">
  50.             {% for ProductArray in Products  %}
  51.                 {% set Product = ProductArray.Product %}
  52.                 {% set hasStock = ProductArray.hasStock %}
  54.                 {% set group1 = repository("Plugin\\CustomerGroup42\\Entity\\Group").find(1) %}
  55.                 {% set group2 = repository("Plugin\\CustomerGroup42\\Entity\\Group").find(2) %}
  56.                 {% set group3 = repository("Plugin\\CustomerGroup42\\Entity\\Group").find(3) %}
  57.                 {% set group4 = repository("Plugin\\CustomerGroup42\\Entity\\Group").find(4) %}
  59.                 {% if group1 is not null and is_granted('view', group1) or group2 is not null and is_granted('view', group2) or group3 is not null and is_granted('view', group3) or group4 is not null and is_granted('view', group4) %} {# ヒートセラピー会員　ログイン時 #}
  60.                     <div class="p-product-checked__slide">
  61.                         <a href="{{ url('product_detail', {'id': Product.id}) }}" class="p-product-checked__slide-link">
  62.                             <div class="p-product-checked__slide-img-wrap">
  63.                                 <img src="{{ asset(Product.main_list_image|no_image_product, "save_image") }}" alt="{{ Product.name }}">
  64.                             </div>
  65.                             <h3 class="p-product-checked__slide-ttl">{{ Product.name }}</h3>
  66.                         </a>
  67.                     </div>
  68.                 {% else %} {# ヒートセラピー会員　非ログイン時 #}
  69.                     {% if Product.ProductCategories[0] is not defined or Product.ProductCategories[0] is defined and Product.ProductCategories[0].category_id != 10 %}
  70.                         <div class="p-product-checked__slide">
  71.                             <a href="{{ url('product_detail', {'id': Product.id}) }}" class="p-product-checked__slide-link">
  72.                                 <div class="p-product-checked__slide-img-wrap">
  73.                                     <img src="{{ asset(Product.main_list_image|no_image_product, "save_image") }}" alt="{{ Product.name }}">
  74.                                 </div>
  75.                                 <h3 class="p-product-checked__slide-ttl">{{ Product.name }}</h3>
  76.                             </a>
  77.                         </div>
  78.                     {% endif %}
  79.                 {% endif %}
  80.             {% endfor %}
  81.         </div>
  82.     </div>
  83. {% endif %}