app/template/default/Product/option_detailclass_script.twig line 1

Open in your IDE?
  1. {# ▼商品設定 #}
  2. {% if Product.option_class == "0" and form.classcategory_id1 is defined %}
  3. {% elseif (Product.option_class == 1 or Product.option_class == 2) and form.classcategory_id1 is defined %}
  5.     {# ▼設定[1] and 規格1が存在する場合 #}
  6.     {% if Product.option_class == 1 and form.classcategory_id1 is defined %}
  7.     <script type="text/javascript">
  8.     $(function () {
  9.         $('[data-classcategory-id1]')
  10.             .click(function(event) {
  11.                 var $form = $('#form1');
  12.                 var product_id = $form.find('input[name=product_id]').val();
  13.                 var classcategory_id1 = $(this).attr('data-classcategory-id1');
  14.                 var classcategory_id2 = $(this).attr('data-classcategory-id2');
  15.                 var $sele1 = $('select[name=classcategory_id1]');
  16.                 var $sele2 = $('select[name=classcategory_id2]');
  17.                 $sele1.val(classcategory_id1);
  18.                 if ($sele2.length) {
  19.                     eccube.setClassCategories($form, product_id, $sele1, $sele2);
  20.                 }
  21.                 $sele2.val(classcategory_id2);
  22.                 eccube.checkStock($form, product_id, classcategory_id1, classcategory_id2);
  23.                 
  24.                 event.preventDefault();
  25.                 $.ajax({
  26.                     url: $form.attr('action'),
  27.                     type: $form.attr('method'),
  28.                     data: $form.serialize(),
  29.                     dataType: 'json',
  30.                     beforeSend: function(xhr, settings) {
  31.                         // Buttonを無効にする
  32.                         $('.add-cart').prop('disabled', true);
  33.                     }
  34.                 }).done(function(data) {
  35.                     // レスポンス内のメッセージをalertで表示
  36.                     $.each(data.messages, function() {
  37.                         $('#ec-modal-header').html(this);
  38.                     });
  40.                     $('.ec-modal').show()
  42.                     // カートブロックを更新する
  43.                     $.ajax({
  44.                         url: "{{ url('block_cart') }}",
  45.                         type: 'GET',
  46.                         dataType: 'html'
  47.                     }).done(function(html) {
  48.                         $('.ec-headerRole__cart').html(html);
  49.                     });
  50.                 }).fail(function(data) {
  51.                     alert('{{ 'カートへの追加に失敗しました。'|trans }}');
  52.                 }).always(function(data) {
  53.                     // Buttonを有効にする
  54.                     $('.add-cart').prop('disabled', false);
  55.                 });
  57.             });
  58.     });
  59.         
  60.     $('.ec-modal-overlay, .ec-modal .ec-inlineBtn--cancel').on('click', function() {
  61.         $('.ec-modal').hide()
  62.     });
  63.     </script>
  64.     {% endif %}
  65.     
  66.     {# ▼設定[2] and 規格1が存在する場合 #}
  67.     {% if Product.option_class == 2 and form.classcategory_id1 is defined %}
  68.     <style type="text/css">
  69.     .ec-productRole__actions .ec-select {
  70.         display: none;
  71.     }
  72.     </style>
  73.     <script type="text/javascript">
  74.     $(function () {
  75.         $('input:radio[data-classcategory-id1]')
  76.             .click(function() {
  77.                 var $radio = $(this).filter(':checked');
  78.                 if ($radio.length > 0) {
  79.                     var $form = $('#form1');
  80.                     var product_id = $form.find('input[name=product_id]').val();
  81.                     var classcategory_id1 = $radio.attr('data-classcategory-id1');
  82.                     var classcategory_id2 = $radio.attr('data-classcategory-id2');
  83.                     var $sele1 = $('select[name=classcategory_id1]');
  84.                     var $sele2 = $('select[name=classcategory_id2]');
  85.                     $sele1.val(classcategory_id1);
  86.                     if ($sele2.length) {
  87.                         eccube.setClassCategories($form, product_id, $sele1, $sele2);
  88.                     }
  89.                     $sele2.val(classcategory_id2);
  90.                     eccube.checkStock($form, product_id, classcategory_id1, classcategory_id2);
  91.                 }
  92.             });
  93.     });
  94.     </script>
  95.     {% endif %}
  96.     
  97. {# ▼店舗設定 #}
  98. {% else %}
  99.     {# ▼設定[1] and 規格1が存在する場合 #}
  100.     {% if BaseInfo.option_detailclass == 1 and form.classcategory_id1 is defined %}
  101.     <script type="text/javascript">
  102.     $(function () {
  103.         $('[data-classcategory-id1]')
  104.             .click(function(event) {
  105.                 var $form = $('#form1');
  106.                 var product_id = $form.find('input[name=product_id]').val();
  107.                 var classcategory_id1 = $(this).attr('data-classcategory-id1');
  108.                 var classcategory_id2 = $(this).attr('data-classcategory-id2');
  109.                 var $sele1 = $('select[name=classcategory_id1]');
  110.                 var $sele2 = $('select[name=classcategory_id2]');
  111.                 $sele1.val(classcategory_id1);
  112.                 if ($sele2.length) {
  113.                     eccube.setClassCategories($form, product_id, $sele1, $sele2);
  114.                 }
  115.                 $sele2.val(classcategory_id2);
  116.                 eccube.checkStock($form, product_id, classcategory_id1, classcategory_id2);
  117.                 
  118.                 event.preventDefault();
  119.                 $.ajax({
  120.                     url: $form.attr('action'),
  121.                     type: $form.attr('method'),
  122.                     data: $form.serialize(),
  123.                     dataType: 'json',
  124.                     beforeSend: function(xhr, settings) {
  125.                         // Buttonを無効にする
  126.                         $('.add-cart').prop('disabled', true);
  127.                     }
  128.                 }).done(function(data) {
  129.                     // レスポンス内のメッセージをalertで表示
  130.                     $.each(data.messages, function() {
  131.                         $('#ec-modal-header').html(this);
  132.                     });
  134.                     $('.ec-modal').show()
  136.                     // カートブロックを更新する
  137.                     $.ajax({
  138.                         url: "{{ url('block_cart') }}",
  139.                         type: 'GET',
  140.                         dataType: 'html'
  141.                     }).done(function(html) {
  142.                         $('.ec-headerRole__cart').html(html);
  143.                     });
  144.                 }).fail(function(data) {
  145.                     alert('{{ 'カートへの追加に失敗しました。'|trans }}');
  146.                 }).always(function(data) {
  147.                     // Buttonを有効にする
  148.                     $('.add-cart').prop('disabled', false);
  149.                 });
  151.             });
  152.     });
  154.     $('.ec-modal-overlay, .ec-modal .ec-inlineBtn--cancel').on('click', function() {
  155.         $('.ec-modal').hide()
  156.     });
  157.     </script>
  158.     {% endif %}
  159.     
  160.     {# ▼設定[2] and 規格1が存在する場合 #}
  161.     {% if BaseInfo.option_detailclass == 2 and form.classcategory_id1 is defined %}
  162.     <style type="text/css">
  163.     .ec-productRole__actions .ec-select {
  164.         display: none;
  165.     }
  166.     </style>
  167.     <script type="text/javascript">
  168.     $(function () {
  169.         $('input:radio[data-classcategory-id1]')
  170.             .click(function() {
  171.                 var $radio = $(this).filter(':checked');
  172.                 if ($radio.length > 0) {
  173.                     var $form = $('#form1');
  174.                     var product_id = $form.find('input[name=product_id]').val();
  175.                     var classcategory_id1 = $radio.attr('data-classcategory-id1');
  176.                     var classcategory_id2 = $radio.attr('data-classcategory-id2');
  177.                     var $sele1 = $('select[name=classcategory_id1]');
  178.                     var $sele2 = $('select[name=classcategory_id2]');
  179.                     $sele1.val(classcategory_id1);
  180.                     if ($sele2.length) {
  181.                         eccube.setClassCategories($form, product_id, $sele1, $sele2);
  182.                     }
  183.                     $sele2.val(classcategory_id2);
  184.                     eccube.checkStock($form, product_id, classcategory_id1, classcategory_id2);
  185.                 }
  186.             });
  187.     });
  188.     </script>
  189.     {% endif %}
  190.     
  191. {% endif %}