app/Plugin/RelatedProduct42/Resource/template/front/related_product.twig line 1

Open in your IDE?
  1. <script>
  2.     $(function () {
  3.         let related = $('#js-related-container');
  4.         if(related.find('.p-product-related__slide').length){
  5.             related.appendTo($('#js-related-area'));
  6.         } else {
  7.             related.remove();
  8.         }
  10.         if (window.matchMedia( '(max-width: 767px)' ).matches) {
  11.             if($('#js-related-slider').find('.p-product-related__slide').length<=1){
  12.                 $('#js-related-slider').addClass('no-slide');
  13.             } else {
  14.                 $('#js-related-slider').slick({
  15.                   autoplay: false,
  16.                   arrows: false,
  17.                   dots:false,
  18.                   centerMode: true,
  19.                   centerPadding: '10%',
  20.                 });
  21.             }
  22.         }
  24.     });
  25. </script>
  27. <div class="p-product-related__container" id="js-related-container">
  28.     <h2 class="p-product-related__ttl c-ttl-sec">
  29.         <span class="jp">関連商品</span>
  30.         <span class="en">RELATED PRODUCTS</span>
  31.     </h2>
  32.     <div class="p-product-related__slider" id="js-related-slider">
  34.         {% for RelatedProduct in Product.RelatedProducts %}
  35.             {% set ChildProduct = RelatedProduct.ChildProduct %}
  36.             {% if ChildProduct.Status.id == constant("Eccube\\Entity\\Master\\ProductStatus::DISPLAY_SHOW") %}
  38.                 {% set group1 = repository("Plugin\\CustomerGroup42\\Entity\\Group").find(1) %}
  39.                 {% set group2 = repository("Plugin\\CustomerGroup42\\Entity\\Group").find(2) %}
  40.                 {% set group3 = repository("Plugin\\CustomerGroup42\\Entity\\Group").find(3) %}
  41.                 {% set group4 = repository("Plugin\\CustomerGroup42\\Entity\\Group").find(4) %}
  43.                 {% 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) %} {# ヒートセラピー会員　ログイン時 #}
  44.                     <div class="p-product-related__slide">
  45.                         <a href="{{ url('product_detail', {id : ChildProduct.id}) }}" class="p-product-related__slide-link">
  46.                             <div class="p-product-related__slide-img-wrap">
  47.                                 <img src="{{ asset(RelatedProduct.ChildProduct.main_list_image|no_image_product, 'save_image') }}">
  48.                             </div>
  49.                             <h3 class="p-product-related__slide-ttl">{{ RelatedProduct.ChildProduct.name }}</h3>
  50.                         </a>
  51.                     </div>
  53.                 {% else %} {# ヒートセラピー会員　非ログイン時 #}
  54.                     {% if ChildProduct.ProductCategories[0] is not defined or ChildProduct.ProductCategories[0] is defined and ChildProduct.ProductCategories[0].category_id != 10 %}
  55.                         <div class="p-product-related__slide">
  56.                             <a href="{{ url('product_detail', {id : ChildProduct.id}) }}" class="p-product-related__slide-link">
  57.                                 <div class="p-product-related__slide-img-wrap">
  58.                                     <img src="{{ asset(RelatedProduct.ChildProduct.main_list_image|no_image_product, 'save_image') }}">
  59.                                 </div>
  60.                                 <h3 class="p-product-related__slide-ttl">{{ RelatedProduct.ChildProduct.name }}</h3>
  61.                             </a>
  62.                         </div>
  63.                     {% endif %}
  64.                 {% endif %}
  65.             {% endif %}
  66.         {% endfor %}
  68.     </div>
  69. </div>