app/template/default/Product/js/detail_script.twig line 1

Open in your IDE?
  1.  <script>
  2.     eccube.classCategories = {{ class_categories_as_json(Product)|raw }};
  4.         // 規格2に選択肢を割り当てる。
  5.         function fnSetClassCategories(form, classcat_id2_selected) {
  6.             var $form = $(form);
  7.             var product_id = $form.find('input[name=product_id]').val();
  8.             var $sele1 = $form.find('select[name=classcategory_id1]');
  9.             var $sele2 = $form.find('select[name=classcategory_id2]');
  10.             eccube.setClassCategories($form, product_id, $sele1, $sele2, classcat_id2_selected);
  11.         }
  13.         {% if form.classcategory_id2 is defined %}
  14.         fnSetClassCategories( $('#form1'), {{ form.classcategory_id2.vars.value|json_encode|raw }} );
  15.         fnSetClassCategories( $('#form2'), {{ form.classcategory_id2.vars.value|json_encode|raw }} );
  16.         {% elseif form.classcategory_id1 is defined %}
  17.         eccube.checkStock($('#form1'), {{ Product.id }}, {{ form.classcategory_id1.vars.value|json_encode|raw }}, null);
  18.         eccube.checkStock($('#form2'), {{ Product.id }}, {{ form.classcategory_id1.vars.value|json_encode|raw }}, null);
  19.         {% endif %}
  20.         </script>
  21.         <script>
  22.         $(function() {
  23.             // bfcache無効化
  24.             $(window).bind('pageshow', function(event) {
  25.                 if (event.originalEvent.persisted) {
  26.                     location.reload(true);
  27.                 }
  28.             });
  30.             $('.item_visual').slick({
  31.                 dots: true,
  32.                 arrows: true,
  33.                 prevArrow: '<span class="material-icons slide-arrow prev-arrow"><span>navigate_before</span></span>',
  34.                 nextArrow: '<span class="material-icons  slide-arrow next-arrow">chevron_right</span>',
  36.                 responsive: [{
  37.                     breakpoint: 768,
  38.                     settings: {
  39.                         dots: true
  40.                     }
  41.                 }]
  42.             });
  44.             $('.slideThumb').on('click', function() {
  45.                 var index = $(this).attr('data-index');
  46.                 $('.item_visual').slick('slickGoTo', index, false);
  47.             })
  48.         });
  49.         </script>
  50.         <script>
  51.         $(function() {
  52.             add_carts('#form1');
  53.             add_carts('#form2');
  55.         });
  57.         </script>
  58.     
  59.         <script>
  62.             /*--------------------------------------------------- */
  63.             /* カートに追加
  64.             /*--------------------------------------------------- */
  65.             function add_carts(form_id){
  67.             $(form_id+' .add-carts').on('click', function(event) {
  68.                 {% if form.classcategory_id1 is defined %}
  69.                 // 規格1フォームの必須チェック
  70.                 if ($('#classcategory_id1').val() == '__unselected' || $('#classcategory_id1').val() == '') {
  71.                     $('#classcategory_id1')[0].setCustomValidity('{{ '項目が選択されていません'|trans }}');
  72.                     return true;
  73.                 } else {
  74.                     $('#classcategory_id1')[0].setCustomValidity('');
  75.                 }
  76.                 {% endif %}
  78.                 {% if form.classcategory_id2 is defined %}
  79.                 // 規格2フォームの必須チェック
  80.                 if ($('#classcategory_id2').val() == '__unselected' || $('#classcategory_id2').val() == '') {
  81.                     $('#classcategory_id2')[0].setCustomValidity('{{ '項目が選択されていません'|trans }}');
  82.                     return true;
  83.                 } else {
  84.                     $('#classcategory_id2')[0].setCustomValidity('');
  85.                 }
  86.                 {% endif %}
  88.                 // 個数フォームのチェック
  89.                 if ($('#quantity').val() < 1) {
  90.                     $('#quantity')[0].setCustomValidity('{{ '1以上で入力してください。'|trans }}');
  91.                     return true;
  92.                 } else {
  93.                     $('#quantity')[0].setCustomValidity('');
  94.                 }
  96.                 event.preventDefault();
  97.                 $form = $(form_id);
  98.                 $.ajax({
  99.                     url: $form.attr('action'),
  100.                     type: $form.attr('method'),
  101.                     data: $form.serialize(),
  102.                     dataType: 'json',
  103.                     beforeSend: function(xhr, settings) {
  104.                         // Buttonを無効にする
  105.                         $('.add-carts').prop('disabled', true);
  106.                     }
  107.                 }).done(function(data) {
  108.                     // レスポンス内のメッセージをalertで表示
  109.                     $.each(data.messages, function() {
  110.                         $('#ec-modal-header').html(this);
  111.                     });
  113.                     $('#ec-modal-checkbox').prop('checked', true);
  115.                     // カートブロックを更新する
  116.                     $.ajax({
  117.                         url: "{{ url('block_cart') }}",
  118.                         type: 'GET',
  119.                         dataType: 'html'
  120.                     }).done(function(html) {
  121.                         $('.ec-headerRole__cart').html(html);
  122.                     });
  123.                 }).fail(function(data) {
  124.                     alert('{{ 'カートへの追加に失敗しました。'|trans }}');
  125.                 }).always(function(data) {
  126.                     // Buttonを有効にする
  127.                     $('.add-carts').prop('disabled', false);
  128.                 });
  129.             });
  131.             }
  134.     </script>