app/template/unishop/Product/detail.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) 2000-2015 LOCKON CO.,LTD. All Rights Reserved.
  6. http://www.lockon.co.jp/
  8. This program is free software; you can redistribute it and/or
  9. modify it under the terms of the GNU General Public License
  10. as published by the Free Software Foundation; either version 2
  11. of the License, or (at your option) any later version.
  13. This program is distributed in the hope that it will be useful,
  14. but WITHOUT ANY WARRANTY; without even the implied warranty of
  15. MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  16. GNU General Public License for more details.
  18. You should have received a copy of the GNU General Public License
  19. along with this program; if not, write to the Free Software
  20. Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
  21. #}
  22. {% extends 'default_frame.twig' %}
  24. {% set body_class = 'product_page' %}
  26. {% block javascript %}
  27. <script>
  28.     $('#brother').on('change', function(){
  29.         $cartbtn = $('.add-cart');
  30.         if ($cartbtn.text() != 'ただいま品切れ中です') {
  31.             if (!$(this).val()) {
  32.                 $cartbtn.prop('disabled', true);
  33.                 $cartbtn.addClass('zero');
  34.             } else {
  35.                 $cartbtn.prop('disabled', false);
  36.                 $cartbtn.removeClass('zero');
  37.             }
  38.         }
  39.     });
  40.     eccube.classCategories = {{ class_categories_as_json(Product)|raw }};
  42.     // 規格2に選択肢を割り当てる。
  43.     function fnSetClassCategories(form, classcat_id2_selected) {
  44.         var $form = $(form);
  45.         var product_id = $form.find('input[name=product_id]').val();
  46.         var $sele1 = $form.find('select[name=classcategory_id1]');
  47.         var $sele2 = $form.find('select[name=classcategory_id2]');
  48.         eccube.setClassCategories($form, product_id, $sele1, $sele2, classcat_id2_selected);
  49.     }
  51.     {% if form.classcategory_id2 is defined %}
  52.     fnSetClassCategories(
  53.         $('#form1'), {{ form.classcategory_id2.vars.value|json_encode|raw }}
  54.     );
  55.     {% elseif form.classcategory_id1 is defined %}
  56.     eccube.checkStock($('#form1'), {{ Product.id }}, {{ form.classcategory_id1.vars.value|json_encode|raw }}, null);
  57.     {% endif %}
  59.     {% if Product.product_type =='set' %}
  60.         setSetClassCategories = function($form, product_id, $sele1, $sele2, selected_id2) {
  61.             if ($sele1 && $sele1.length) {
  62.                 var classcat_id1 = $sele1.val() ? $sele1.val() : '';
  63.                 if ($sele2 && $sele2.length) {
  64.                     // 規格2の選択肢をクリア
  65.                     $sele2.children().remove();
  67.                     var classcat2;
  69.                     // 商品一覧時
  70.                     if (eccube.hasOwnProperty('productsClassCategories')) {
  71.                         classcat2 = eccube.productsClassCategories[product_id][classcat_id1];
  72.                     }
  73.                     // 詳細表示時
  74.                     else {
  75.                         classcat2 = setClassCategories[product_id][classcat_id1];
  76.                     }
  78.                     // 規格2の要素を設定
  79.                     for (var key in classcat2) {
  80.                         if (classcat2.hasOwnProperty(key)) {
  81.                             var id = classcat2[key].classcategory_id2;
  82.                             var name = classcat2[key].name;
  83.                             var option = $('<option />').val(id ? id : '').text(name);
  84.                             if (id === selected_id2) {
  85.                                 option.attr('selected', true);
  86.                             }
  87.                             $sele2.append(option);
  88.                         }
  89.                     }
  90.                     setCheckStock($form, product_id, $sele1.val() ? $sele1.val() : '__unselected2',
  91.                     $sele2.val() ? $sele2.val() : '');
  92.                 }
  93.             }
  94.         };
  95.         setCheckStock = function($form, product_id, classcat_id1, classcat_id2) {
  97.             classcat_id2 = classcat_id2 ? classcat_id2 : '';
  99.             var classcat2;
  101.             // 商品一覧時
  102.             if (eccube.hasOwnProperty('productsClassCategories')) {
  103.                 classcat2 = eccube.productsClassCategories[product_id][classcat_id1]['#' + classcat_id2];
  104.             }
  105.             // 詳細表示時
  106.             else {
  107.                 classcat2 = setClassCategories[product_id][classcat_id1]['#' + classcat_id2];
  108.             }
  110.             // 商品コード
  111.             var  $product_code = $('#item_code_default');
  112.             if (typeof this.product_code_origin === 'undefined') {
  113.                 // 初期値を保持しておく
  114.                 this.product_code_origin =  $product_code.text();
  115.             }
  116.             if (classcat2 && typeof classcat2.product_code !== 'undefined') {
  117.                 $product_code.text(classcat2.product_code);
  118.             } else {
  119.                 $product_code.text(this.product_code_origin);
  120.             }
  122.             // 在庫(品切れ)
  123.             var $cartbtn = $('#add-cart');
  124.             if (classcat2 && classcat2.stock_find === false) {
  125.                 $cartbtn.prop('disabled', true);
  126.                 $cartbtn.text('ただいま品切れ中です');
  127.             } else {
  128.                 $cartbtn.prop('disabled', false);
  129.                 $cartbtn.text('カートに入れる');
  130.             }
  132.             // 通常価格
  133.             var $price01 = $('#detail_description_box__class_normal_range_price')
  134.                 .find('.price01_default')
  135.                 .first();
  136.             if (typeof this.proce01_origin === 'undefined') {
  137.                 // 初期値を保持しておく
  138.                 this.proce01_origin = $price01.text();
  139.             }
  140.             if (classcat2 && typeof classcat2.price01 !== 'undefined' && String(classcat2.price01).length >= 1) {
  141.                 $price01.text('\ ' + classcat2.price01);
  142.             } else {
  143.                 $price01.text(this.proce01_origin);
  144.             }
  146.             // 販売価格
  147.             var $price02 = $('#detail_description_box__class_range_sale_price')
  148.                 .find('.price02_default')
  149.                 .first();
  150.             if (typeof this.proce02_origin === 'undefined') {
  151.                 // 初期値を保持しておく
  152.                 this.proce02_origin = $price02.text();
  153.             }
  154.             if (classcat2 && typeof classcat2.price02 !== 'undefined' && String(classcat2.price02).length >= 1) {
  155.                 $price02.text('\ ' + classcat2.price02);
  156.             } else {
  157.                 $price02.text(this.proce02_origin);
  158.             }
  160.             // ポイント
  161.             var $point_default = $form.find('[id^=point_default]');
  162.             var $point_dynamic = $form.find('[id^=point_dynamic]');
  163.             if (classcat2 && typeof classcat2.point !== 'undefined' && String(classcat2.point).length >= 1) {
  165.                 $point_dynamic.text(classcat2.point).show();
  166.                 $point_default.hide();
  167.             } else {
  168.                 $point_dynamic.hide();
  169.                 $point_default.show();
  170.             }
  172.             // 商品規格
  173.             var $product_class_id_dynamic = $form.find('.setproduct_item[data-product-id='+product_id+']').find('.set_product_class');
  175.             if (classcat2 && typeof classcat2.product_class_id !== 'undefined' && String(classcat2.product_class_id).length >= 1) {
  176.                 $product_class_id_dynamic.val(classcat2.product_class_id);
  177.             } else {
  178.                 $product_class_id_dynamic.val('');
  179.             }
  180.         };
  181.         $('select.setproduct_size1')
  182.         .change(function() {
  183.             var $form = $(this).parents('form');
  184.             var product_id = $(this).closest('.setproduct_item').data('product-id');
  185.             var $sele1 = $(this);
  186.             var $sele2 = $(this).closest('.setproduct_item').find('select.setproduct_size2');
  187.             var product_class_label = $('option:selected', $sele1).text();
  188.             if (product_class_label.includes("入荷予定")) {
  189.                 const str_idx = product_class_label.indexOf("入荷予定");
  190.                 const result = product_class_label.slice(str_idx);
  191.                 $sele1.closest('.setproduct_item').append('<p class="stock_date_desc red">'+result+'</p>');
  192.             } else {
  193.                 $('.stock_date_desc', $sele1.closest('.setproduct_item')).remove();
  194.             }
  195.             // 規格1のみの場合
  196.             if (!$sele2.length) {
  197.                 setCheckStock($form, product_id, $sele1.val(), null);
  198.                 // 規格2ありの場合
  199.             } else {
  200.                 setSetClassCategories($form, product_id, $sele1, $sele2);
  201.             }
  202.         });
  204.         // 規格2選択時
  205.         $('select.setproduct_size2')
  206.         .change(function() {
  207.             var $form = $(this).parents('form');
  208.             var product_id = $(this).closest('.setproduct_item').data('product-id');
  209.             var $sele1 = $(this).closest('.setproduct_item').find('select.setproduct_size1');
  210.             var $sele2 = $(this);
  211.             var product_class_label = $('option:selected', $sele2).text();
  212.             if (product_class_label.includes("入荷予定")) {
  213.                 const str_idx = product_class_label.indexOf("入荷予定");
  214.                 const result = product_class_label.slice(str_idx);
  215.                 $sele2.closest('.setproduct_item').append('<p class="stock_date_desc red">'+result+'</p>');
  216.             } else {
  217.                 $('.stock_date_desc', $sele2.closest('.setproduct_item')).remove();
  218.             }
  219.             setCheckStock($form, product_id, $sele1.val(), $sele2.val());
  220.         });
  222.         setClassCategories = [];
  223.         {% for pis in ProductInSet %}
  224.             setClassCategories[{{pis.id}}] = {{ class_categories_as_json(pis)|raw }};
  225.         {% endfor %}
  226.     {% endif %}
  227. </script>
  229. <script>
  230. $(function(){
  231.     $('.carousel').slick({
  232.         infinite: false,
  233.         speed: 300,
  234.         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>',
  235.         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>',
  236.         slidesToShow: 4,
  237.         slidesToScroll: 4,
  238.         responsive: [
  239.             {
  240.                 breakpoint: 768,
  241.                 settings: {
  242.                     slidesToShow: 3,
  243.                     slidesToScroll: 3
  244.                 }
  245.             }
  246.         ]
  247.     });
  249.     $('.slides').slick({
  250.         dots: true,
  251.         arrows: false,
  252.         speed: 300,
  253.         customPaging: function(slider, i) {
  254.             return '<button class="thumbnail">' + $(slider.$slides[i]).find('img').prop('outerHTML') + '</button>';
  255.         }
  256.     });
  258.     $('#favorite').click(function() {
  259.         $('#mode').val('add_favorite');
  260.     });
  262.     // bfcache無効化
  263.     $(window).bind('pageshow', function(event) {
  264.         if (event.originalEvent.persisted) {
  265.             location.reload(true);
  266.         }
  267.     });
  268. });
  269. </script>
  271. <script>
  272.     $(function() {
  273.         $('.add-cart').on('click', function(event) {
  274.             {% if form.classcategory_id1 is defined %}
  275.             // 規格1フォームの必須チェック
  276.             if ($('#classcategory_id1').val() == '__unselected' || $('#classcategory_id1').val() == '') {
  277.                     $('#classcategory_id1')[0].setCustomValidity('{{ 'front.product.product_class_unselected'|trans }}');
  278.                 return true;
  279.             } else {
  280.                 $('#classcategory_id1')[0].setCustomValidity('');
  281.             }
  282.             {% endif %}
  284.             {% if form.classcategory_id2 is defined %}
  285.             // 規格2フォームの必須チェック
  286.             if ($('#classcategory_id2').val() == '__unselected' || $('#classcategory_id2').val() == '') {
  287.                     $('#classcategory_id2')[0].setCustomValidity('{{ 'front.product.product_class_unselected'|trans }}');
  288.                 return true;
  289.             } else {
  290.                 $('#classcategory_id2')[0].setCustomValidity('');
  291.             }
  292.             {% endif %}
  294.             var isAllCategorySelected = true;
  295.             $('.setproduct_item select').each(function(idx){
  296.                 if($(this).val() == '__unselected' || $(this).val() == ''){
  297.                     this.setCustomValidity('{{ '項目が選択されていません'|trans }}');
  298.                     isAllCategorySelected = false;
  299.                     return true;
  300.                 }
  301.                 else
  302.                     this.setCustomValidity('');
  303.             });
  304.             if(!isAllCategorySelected)
  305.                 return true;
  307.             // 個数フォームのチェック
  308.             if ($('#quantity').val() < 1) {
  309.                     $('#classcategory_id2')[0].setCustomValidity('{{ 'front.product.product_class_unselected'|trans }}');
  310.                 return true;
  311.             } else {
  312.                 $('#quantity')[0].setCustomValidity('');
  313.             }
  315.             event.preventDefault();
  316.             $form = $('#form1');
  317.             $.ajax({
  318.                 url: $form.attr('action'),
  319.                 type: $form.attr('method'),
  320.                 data: $form.serialize(),
  321.                 dataType: 'json',
  322.                 beforeSend: function(xhr, settings) {
  323.                     // Buttonを無効にする
  324.                     $('.add-cart').prop('disabled', true);
  325.                 }
  326.             }).done(function(data) {
  327.                 // レスポンス内のメッセージをalertで表示
  328.                 $.each(data.messages, function() {
  329.                         $('#ec-modal-header').text(this);
  330.                 });
  332.                 $('.ec-modal').show()
  334.                 // カートブロックを更新する
  335.                 $.ajax({
  336.                     url: "{{ url('block_cart') }}",
  337.                     type: 'GET',
  338.                     dataType: 'html'
  339.                 }).done(function(html) {
  340.                     $('.ec-headerRole__cart').html(html);
  341.                 });
  342.             }).fail(function(data) {
  343.                     alert('{{ 'front.product.add_cart_error'|trans }}');
  344.             }).always(function(data) {
  345.                 // Buttonを有効にする
  346.                 $('.add-cart').prop('disabled', false);
  347.             });
  348.         });
  349.     });
  351.     $('.ec-modal-wrap').on('click', function(e) {
  352.         // モーダル内の処理は外側にバブリングさせない
  353.         e.stopPropagation();
  354.     });
  355.     $('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {
  356.         $('.ec-modal').hide()
  357.     });
  358.     $('#add_favorite').click(function(){
  359.         $('#add_favorite_form').submit();
  360.     });
  361. </script>
  362. <script type="application/ld+json">
  363. {
  364.     "@context": "https://schema.org/",
  365.     "@type": "Product",
  366.     "name": "{{ Product.name }}",
  367.     "image": [
  368.         {% for img in Product.ProductImage %}
  369.             "{{ app.request.schemeAndHttpHost }}{{ asset(img, 'save_image') }}"{% if not loop.last %},{% endif %}
  371.         {% else %}
  372.             "{{ app.request.schemeAndHttpHost }}{{ asset(''|no_image_product, 'save_image') }}"
  373.         {% endfor %}
  374.     ],
  375.     "description": "{{ Product.description_list | default(Product.description_detail) | replace({'\n': '', '\r': ''}) | slice(0,300) }}",
  376.     {% if Product.code_min %}
  377.     "sku": "{{ Product.code_min }}",
  378.     {% endif %}
  379.     "offers": {
  380.         "@type": "Offer",
  381.         "url": "{{ url('product_detail', {'id': Product.id}) }}",
  382.         "priceCurrency": "{{ eccube_config.currency }}",
  383.         "price": {{ Product.getPrice02IncTaxMin }},
  384.         "availability": "{{ Product.stock_find ? "InStock" : "OutOfStock" }}"
  385.     }
  386. }
  387. {% endblock %}
  389. {% block stylesheet %}
  390.     <style>
  391.         .setproduct_size select{
  392.             margin-bottom: 15px;
  393.         }
  394.         .discount_price
  395.         {
  396.             font-size: 25px;
  397.             font-weight: bold;
  398.         }
  399.         .discount_period {
  400.             font-size: 18px;
  401.             margin-top: 10px !important;
  402.             font-weight: bold;
  403.         }
  404.     </style>
  405. {% endblock %}
  407. {% block main %}
  409.     {% include 'rireki_hikaku.twig' %}
  410.     <!-- ▼item_detail▼ -->
  411.     <div id="item_detail">
  412.         <div id="detail_wrap" class="row">
  413.         {% if is_granted('ROLE_USER') %}
  414.             <!--★画像★-->
  415.             <div id="item_photo_area" class="col-sm-6">
  416.                 <div id="detail_image_box__slides" class="slides">
  417.                     {% if Product.ProductImage|length > 0 %}
  418.                         {% for ProductImage in Product.ProductImage %}
  419.                             <div id="detail_image_box__item--{{ loop.index }}">
  420.                                 <img src="{{ asset(ProductImage|no_image_product , 'save_image') }}"/>
  421.                             </div>
  422.                         {% endfor %}
  423.                     {% else %}
  424.                         <div id="detail_image_box__item"><img src="{{ asset(''|no_image_product, 'save_image') }}"/></div>
  425.                     {% endif %}
  426.                 </div>
  427.             </div>
  428.             <section id="item_detail_area" class="col-sm-6">
  429.                 {% if Product.ProductTag is not empty %}
  430.                     <!--▼商品タグ-->
  431.                     <div id="product_tag_box" class="product_tag">
  432.                         {% include 'Block/product_sex_tag.twig' %}
  433.                         {% if Product.hasTag('購入必需品') %}
  434.                             <div class="cateicon2">入学時の必要品</div>
  435.                         {% elseif Product.hasTag('購入必需品(選択可)') %}
  436.                             <div class="cateicon2">入学時の必要品(選択可)</div>
  437.                         {% elseif Product.hasTag('希望購入品') %}
  438.                             <div class="cateicon3">希望購入品</div>
  439.                             {% elseif Product.hasTag('購入必需品(女子も購入可)') %}
  440.                             <div class="cateicon2">入学時の必要品(女子も購入可)</div>
  441.                         {% endif %}
  442.                     </div>
  443.                 {% endif %}
  445.                 <!--★商品名★-->
  446.                 <h3 id="detail_description_box__name" class="item_name">{{ Product.name }}</h3>
  447.                 <div id="detail_description_box__body" class="item_detail">
  448.                     <!--★通常価格★-->
  449.                     {% if Product.hasProductClass -%}
  450.                         {% if Product.getPrice01Min is not null and Product.getPrice01IncTaxMin == Product.getPrice01IncTaxMax %}
  451.                             <p id="detail_description_box__class_normal_price" class="normal_price">
  452.                                 <span class="ec-productRole__priceRegularPrice">{{ 'front.product.normal_price'|trans }}：<span class="price01-default">{{ Product.getPrice01IncTaxMin|price }}</span></span>
  453.                                 <span class="ec-productRole__priceRegularTax">{{ 'common.tax_include'|trans }}</span>
  454.                             </p>
  455.                         {% elseif Product.getPrice01Min is not null and Product.getPrice01Max is not null %}
  456.                             <p id="detail_description_box__class_normal_price" class="normal_price">
  457.                                 <span class="ec-productRole__priceRegularPrice">{{ 'front.product.normal_price'|trans }}：<span class="price01-default">{{ Product.getPrice01IncTaxMin|price }}</span></span>
  458.                                 <span class="ec-productRole__priceRegularTax">{{ 'common.tax_include'|trans }}</span>
  459.                             </p>
  460.                         {% endif %}
  461.                     {% else -%}
  462.                         {% if Product.getPrice01Max is not null %}
  463.                             <p id="detail_description_box__normal_price" class="normal_price"> 通常価格：<span class="price01_default">{{ Product.getPrice01IncTaxMin|price }}</span> <span class="small">税込</span></p>
  464.                         {% endif %}
  465.                     {% endif -%}
  467.                     <!--★販売価格★-->
  468.                     {% if Product.hasProductClass -%}
  469.                         {% if Product.getPrice02IncTaxMin == Product.getPrice02IncTaxMax %}
  470.                             <p id="detail_description_box__class_sale_price" class="sale_price text-primary">
  471.                                 <span class="ec-price__price price02-default">{{ Product.getPrice02IncTaxMin|price }}</span>
  472.                                 <span class="ec-price__tax">{{ 'common.tax_include'|trans }}</span>
  473.                             </p>
  474.                         {% else %}
  475.                             <p id="detail_description_box__class_range_sale_price" class="sale_price text-primary">
  476.                                 <span class="ec-price__price price02-default">{{ Product.getPrice02IncTaxMin|price }} ～ {{ Product.getPrice02IncTaxMax|price }}</span>
  477.                                 <span class="ec-price__tax">{{ 'common.tax_include'|trans }}</span>
  478.                             </p>
  479.                         {% endif %}
  480.                     {% else -%}
  481.                         <p id="detail_description_box__sale_price" class="sale_price text-primary">
  482.                             <span class="ec-price__price">{{ Product.getPrice02IncTaxMin|price }}</span>
  483.                             <span class="ec-price__tax">{{ 'common.tax_include'|trans }}</span>
  484.                         </p>
  485.                     {% endif -%}
  487.                     <!--★割引価格★-->
  488.                     {% if app.user.school.sale_start_date<date() and app.user.school.sale_end_date>date() and Product.getPrice03IncTaxMin%}
  489.                         {% if Product.hasProductClass -%}
  490.                             {% if Product.getPrice03IncTaxMin == Product.getPrice03IncTaxMax %}
  491.                                 <p id="detail_description_box__class_discount_price" class="discount_price text-primary">
  492.                                     <span>割引価格：</span><span class="price03_default">{{ Product.getPrice03IncTaxMin|price }}</span> <span class="small">税込</span>
  493.                                 </p>
  494.                             {% else %}
  495.                                 <p id="detail_description_box__class_range_discount_price" class="discount_price text-primary"><span class="price03_default">{{ Product.getPrice03IncTaxMin|price }} ～ {{ Product.getPrice02IncTaxMax|price }}</span> <span class="small">税込</span></p>
  496.                             {% endif %}
  497.                         {% else -%}
  498.                             <p id="detail_description_box__discount_price" class="sale_price text-primary discount_price"><span class="price03_default">{{ Product.getPrice03IncTaxMin|price }}</span> <span class="small">税込</span></p>
  499.                         {% endif -%}
  500.                         <p class="discount_period text-primary">割引期間：{{ app.user.school.sale_start_date|date('Y年m月d日') }} ~ {{ app.user.school.sale_end_date|date('Y年m月d日') }}</p>
  501.                     {% endif %}
  502.                     <form action="{{ url('product_add_cart', {id:Product.id}) }}" method="post" id="form1" name="form1">
  503.                         <!--▼買い物かご-->
  504.                         <div id="detail_cart_box" class="cart_area">
  505.                             {% if Product.stock_find %}
  506.                                 {# 規格 #}
  507.                                 {% if form.classcategory_id1 is defined or Product.product_type=='set'%}
  508.                                     <ul id="detail_cart_box__cart_class_category_id" class="classcategory_list">
  509.                                         {% if Product.product_type != 'set' %}
  510.                                             {% if app.user.school.size_recommend_flag %}
  511.                                                 {% if RecommendSize is defined and RecommendSize %}
  512.                                                     <li class="rec_size">
  513.                                                          <p>自分のサイズ：{{ Place[RecommendSize.RecommendX.recommend_xplace] }}…{{ x }}／{{ Place[RecommendSize.RecommendY.recommend_yplace] }}…{{ y }}</p>
  514.                                                          <p class="result">貴方へのオススメサイズは<br><span>{{ RecommendSize.recommend_notation }}</span>です</p>
  515.                                                          <p class="kome">こちらはサイズをオススメさせて頂く機能となります。<br>サイズ、数量のご入力はお客様ご自身で行ってください。</p>
  516.                                                     </li>
  517.                                                 {% elseif Product.Recommend is not null %}
  518.                                                     <li>「採寸データが正しく登録されていないため、サイズのオススメができません。<br/>
  519.                                                         <span><a href="{{ url('mypage_change_saisun') }}" target="_blank">オススメサイズが知りたい</a></span>
  520.                                                     </li>
  521.                                                 {% endif %}
  522.                                             {% endif %}
  523.                                         {% endif %}
  524.                                         {# 規格1 #}
  525.                                         {% if Product.product_type != 'set' %}
  526.                                             <li>
  527.                                             {% set break = false %}
  528.                                             {% if form.classcategory_id1 is defined %}
  529.                                                 {{ form_widget(form.classcategory_id1) }}
  530.                                                 {{ form_errors(form.classcategory_id1) }}
  531.                                             {% endif %}
  532.                                             </li>
  534.                                             {# 規格2 #}
  535.                                             {% if form.classcategory_id2 is defined %}
  536.                                                 <li>
  537.                                                     {{ form_widget(form.classcategory_id2) }}
  538.                                                     {{ form_errors(form.classcategory_id2) }}
  539.                                                 </li>
  540.                                             {% endif %}
  541.                                         {% else %}
  542.                                             <li class="setproduct_size">
  543.                                             {% for pis in ProductInSet %}
  544.                                                 <div class="setproduct_item" data-product-id="{{ pis.id }}">
  545.                                                     <p>{{ pis.name }}</p>
  546.                                                     {% set category2_count = 0 %}
  547.                                                     {% set class_category1 = [] %}
  548.                                                     {% if pis.getProductClasses|length > 1 %}
  549.                                                         <select class="form-control setproduct_size1" required>
  550.                                                             <option value="__unselected">{{'common.select'|trans}}</option>
  551.                                                             {% for ps in pis.getProductClasses %}
  552.                                                                 {% if ps.ClassCategory1 is not null and ps.visible and ps.ClassCategory1.id not in class_category1 %}
  553.                                                                 <option value="{{ps.ClassCategory1.id}}">{{ps.ClassCategory1.name}}</option>
  554.                                                                 {% set class_category1 = class_category1|merge({ (loop.index0): ps.ClassCategory1.id }) %}
  555.                                                                 {% endif %}
  556.                                                                 {% if ps.ClassCategory2 is not null%}
  557.                                                                 {% set category2_count = category2_count + 1 %}
  558.                                                                 {% endif %}
  559.                                                             {% endfor %}
  560.                                                         </select>
  561.                                                     {% endif %}
  562.                                                     {% if category2_count != 0 %}
  563.                                                     {# 規格2 #}
  564.                                                     <select class="form-control setproduct_size2" required>
  565.                                                         <option value="__unselected">{{'common.select'|trans}}</option>
  566.                                                     </select>
  567.                                                     {% endif %}
  568.                                                     <input type="hidden" name="SetProductClass[]" class="set_product_class {{ pis.getProductClasses|length == 1 ? 'no_product_class' : ''}}" value="{{ pis.getProductClasses|length == 1 ? pis.getProductClasses[0].id : ''}}">
  569.                                                 </div>
  570.                                             {% endfor %}
  571.                                             </li>
  572.                                         {% endif %}
  573.                                     </ul>
  574.                                 {% endif %}
  576.                                 {# 数量 #}
  577.                                 <dl id="detail_cart_box__cart_quantity" class="quantity">
  578.                                     <dt>数量</dt>
  579.                                     <dd>
  580.                                         {{ form_widget(form.quantity) }}
  581.                                         {{ form_errors(form.quantity) }}
  582.                                         {% if app.user.school.isBrotherEnabled %}
  583.                                             {{ form_widget(form.brother) }}
  584.                                             {{ form_errors(form.brother) }}
  585.                                         {% endif %}
  586.                                     </dd>
  587.                                 </dl>
  588.                                 <div class="extra-form">
  589.                                     {% for f in form.getIterator %}
  590.                                         {% if f.vars.name matches '[^plg*]' %}
  591.                                             {{ form_row(f) }}
  592.                                         {% endif %}
  593.                                     {% endfor %}
  594.                                 </div>
  596.                                 {# カートボタン #}
  597.                                 <div id="detail_cart_box__button_area" class="btn_area">
  598.                                     <ul id="detail_cart_box__insert_button" class="row">
  599.                                         <li class="col-xs-12 col-sm-8">
  600.                                             <button type="submit" class="ec-blockBtn--action def_button4 add-cart{% if app.user.school.isBrotherEnabled %} zero{% endif %}"{% if app.user.school.isBrotherEnabled %} disabled="disabled"{% endif %}>{{ 'front.product.add_cart'|trans }}</button>
  601.                                         </li>
  602.                                     </ul>
  603.                                 </div> {# End div#detail_cart_box__button_area #}
  604.                             {% else %}
  605.                                 {# 在庫がない場合は品切れボタンを表示 #}
  606.                                 <div id="detail_cart_box__button_area" class="btn_area">
  607.                                     <ul class="row">
  608.                                         <li class="col-xs-12 col-sm-8">
  609.                                             <button type="button" class="ec-blockBtn--action def_button4 zero" disabled="disabled">{{ 'front.product.out_of_stock'|trans }}</button>
  610.                                             {% if Product.product_classes[0].stock_date %}
  611.                                             <p>{{ Product.product_classes[0].stock_date|date('Y年m月d日') }}入荷予定</p>
  612.                                             {% endif %}
  613.                                         </li>
  614.                                     </ul>
  615.                                 </div> {# End div#detail_cart_box__button_area #}
  616.                             {% endif %} {# End stock find #}
  617.                         </div>
  618.                         <!--▲買い物かご-->
  619.                         {{ form_rest(form) }}
  620.                     </form>
  621.                     {% if BaseInfo.option_favorite_product %}
  622.                         <form action="{{ url('product_add_favorite', {id:Product.id}) }}" method="post" id="add_favorite_form">
  623.                             <div class="btn_area">
  624.                                 <ul id="detail_cart_box__favorite_button" class="row">
  625.                                     {% if is_favorite == false %}
  626.                                         <li class="col-xs-12 col-sm-8">
  627.                                             <button type="submit" id="favorite" class="ec-blockBtn--cancel def_button5">{{ 'front.product.add_favorite'|trans }}</button>
  628.                                         </li>
  629.                                     {% else %}
  630.                                         <li class="col-xs-12 col-sm-8">
  631.                                             <button type="submit" id="favorite" class="ec-blockBtn--cancel def_button5 ck" disabled="disabled">{{ 'front.product.add_favorite_alrady'|trans }}</button>
  632.                                         </li>
  633.                                     {% endif %}
  634.                                 </ul>
  635.                             </div>
  636.                         </form>
  637.                     {% endif %}
  638.                 </div>
  639.                 <!-- /.item_detail -->
  640.             </section>
  641.             <!--詳細ここまで-->
  642.         {% endif %}
  643.         </div>
  645.         {# フリーエリア #}
  646.         {% if Product.freearea %}
  647.             <div id="sub_area" class="row">
  648.                 <div class="col-sm-10 col-sm-offset-1">
  649.                     <div id="detail_free_box__freearea" class="freearea">{{ include(template_from_string(Product.freearea)) }}</div>
  650.                 </div>
  651.             </div>
  652.         {% endif %}
  653.     </div>
  654.     <!-- ▲item_detail▲ -->
  655. {% endblock %}