app/template/plugin/RelatedProduct42/front/related_product.twig line 1

Open in your IDE?
  1. <script>
  2.     $(function () {
  3.         $('#related_product_area').appendTo($('#item_detail'));
  5.         $('.related_product_carousel').slick({
  6.             infinite: false,
  7.             speed: 300,
  8.             prevArrow:'<button type="button" class="slick-prev"><span class="angle-circle"><svg class="cb cb-angle-right"><use xlink:href="#cb-angle-right" /></svg></span></button>',
  9.             nextArrow:'<button type="button" class="slick-next"><span class="angle-circle"><svg class="cb cb-angle-right"><use xlink:href="#cb-angle-right" /></svg></span></button>',
  10.             slidesToShow: 4,   // 一画面に表示する関連商品の数
  11.             slidesToScroll: 4, // スクロール時に移動する関連商品の数
  12.             responsive: [
  13.                 {
  14.                     breakpoint: 768,
  15.                     settings: {
  16.                         slidesToShow: 3,  // (スマホ画面)一画面に表示する関連商品の数
  17.                         slidesToScroll: 3 // (スマホ画面)スクロール時に移動する関連商品の数
  18.                     }
  19.                 }
  20.             ]
  21.         });
  22.     });
  24. </script>
  26. <div id="related_product_area" class="row">
  27.     <div class="col-sm-12">
  28.         <h2 class="heading03">関連商品</h2>
  29.         <div class="related_product_carousel">
  30.             {% for RelatedProduct in Product.RelatedProducts %}
  31.                 {% set ChildProduct = RelatedProduct.ChildProduct %}
  32.                 {% if ChildProduct.Status.id == constant("Eccube\\Entity\\Master\\ProductStatus::DISPLAY_SHOW") %}
  33.                     <div class="product_item">
  34.                         <a href="{{ url('product_detail', {id : ChildProduct.id}) }}">
  35.                             <div class="item_photo">
  36.                                 <img src="{{ asset(RelatedProduct.ChildProduct.main_list_image|no_image_product, 'save_image') }}">
  37.                             </div>
  38.                             <dl>
  39.                                 <dt class="item_name">{{ RelatedProduct.ChildProduct.name }}</dt>
  40.                                 <dd class="item_price">
  41.                                     {% if RelatedProduct.ChildProduct.hasProductClass %}
  42.                                         {% if RelatedProduct.ChildProduct.getPrice02Min == RelatedProduct.ChildProduct.getPrice02Max %}
  43.                                             {{ RelatedProduct.ChildProduct.getPrice02IncTaxMin|price }}<small>（税込）</small>
  44.                                         {% else %}
  45.                                             {{ RelatedProduct.ChildProduct.getPrice02IncTaxMin|price }}<small>（税込）</small> ～ {{ RelatedProduct.ChildProduct.getPrice02IncTaxMax|price }}<small>（税込）</small>
  46.                                         {% endif %}
  47.                                     {% else %}
  48.                                         {{ RelatedProduct.ChildProduct.getPrice02IncTaxMin|price }}<small>（税込）</small>
  49.                                     {% endif %}
  50.                                 </dd>
  51.                                 <dd class="item_comment">{{ RelatedProduct.content|raw|purify }}</dd>
  52.                             </dl>
  53.                         </a>
  54.                     </div>
  55.                 {% endif %}
  56.             {% endfor %}
  57.         </div>
  58.     </div>
  59. </div>