EC-CUBE：“5分で実装” スマホ通販サイトで一覧＆詳細ページに「カートに入れる」ボタンを設置して画面遷移させない機能を実装（v2.13.2のスマホ版）

function fnSetClassCategories(form, classcat_id2_selected) {
  var $form = $(form);
  var product_id = $form.find('input[name=product_id]').val();
  var $sele1 = $form.find('select[name=classcategory_id1]');
  var $sele2 = $form.find('select[name=classcategory_id2]');
  eccube.setClassCategories($form, product_id, $sele1, $sele2, classcat_id2_selected);
}

・・・中略・・・

// カゴに入れる
function fnInCart(productForm) {
  var searchForm = $("#form1");
  var cartForm = $(productForm);
  // 検索条件を引き継ぐ
  var hiddenValues = ['mode','category_id','maker_id','name','orderby','disp_number','pageno','rnd'];
  $.each(hiddenValues, function(){
    // 商品別のフォームに検索条件の値があれば上書き
    if (cartForm.has('input[name='+this+']').length != 0) {
      cartForm.find('input[name='+this+']')
.val(searchForm.find('input[name='+this+']').val());
    }
    // なければ追加
    else {
      cartForm.append($('<input type="hidden" />').attr("name", this)
.val(searchForm.find('input[name='+this+']').val()));
    }
  });
  // 商品別のフォームを送信
  cartForm.submit();
}

<form name="product_form<!--{$id|h}-->" method="post" action="?<!--{if $tpl_Product_Id != ''}-->product_id=<!--{$tpl_Product_Id}--><!--{/if}-->">

<!--<a rel="external" href="javascript:void(document.form1.submit());" class="btn cartbtn_default">カートに入れる</a>-->
<button rel="external" id="cart<!--{$id}-->" type="submit" class="cartin" onclick="fnInCart(this.form); return false;">カートに入れる</button>
<a rel="external" href="<!--{$smarty.const.CART_URL|h}-->" class="btn cartbtn_default" style="margin-top:15px; color:#FFF;">レジに進む</a>

  <!--{foreachelse}-->
    <!--{include file="frontparts/search_zero.tpl"}-->
  <!--{/foreach}-->

<!-- ここから -->
<!--{if $smarty.const.CARTIN_ALERT == 1}-->
<!--{if $CartBuyNow == true}-->
<script type="text/javascript">
alert("カートに商品が追加されました。");
</script>
<!--{/if}-->
<!--{/if}-->
<!--{if $smarty.const.CARTIN_ALERT == 2}-->
<!--{if $CartBuyNow == true}-->
<script type="text/javascript">
if (confirm('カートに商品が追加されました。\n「カートの中を見る」に移動してOKボタン押下\n「ページにとどまる」または「キャンセル」')==true){
location.href = "<!--{$smarty.const.CART_URLPATH}-->"; // example_confirm.html へジャンプ
}
</script>
<!--{/if}-->
<!--{/if}-->
<!--{if $smarty.const.CARTIN_ALERT == 3}-->
<!--{if $CartBuyNow == true}-->
<script type="text/javascript">
noty({text: 'カートに商品が追加されました。',layout: 'center', timeout: '2000'});
</script>
<!--{/if}-->
<!--{/if}-->
<!-- ここまで -->

<!--{if $smarty.const.CARTIN_ALERT == 1}-->
<!--{if $CartBuyNow == true}-->
<script type="text/javascript">
alert("買い物かごに商品が追加されました。");
</script>
<!--{/if}-->
<!--{/if}-->
<!--{if $smarty.const.CARTIN_ALERT == 2}-->
<!--{if $CartBuyNow == true}-->
<script type="text/javascript">
if (confirm('買い物かごに商品が追加されました。\n「カゴの中を見る」に移動→OK\nページにとどまる→キャンセル')==true){
location.href = "<!--{$smarty.const.CART_URLPATH}-->";//example_confirm.html へジャンプ
}
</script>
<!--{/if}-->
<!--{/if}-->
<!--{if $smarty.const.CARTIN_ALERT == 3}-->
<!--{if $CartBuyNow == true}-->
<script type="text/javascript">
noty({text: '買い物かごに商品が追加されました。',layout: 'center', timeout: '2000'});
</script>
<!--{/if}-->
<!--{/if}-->

<form name="form1" id="form1" method="post" action="?<!--{if $tpl_Product_Id != ''}-->product_id=<!--{$tpl_Product_Id}--><!--{/if}-->">

<a rel="external" href="javascript:void(document.form1.submit());" class="btn cartbtn_default">カートに入れる</a>
<a rel="external" href="<!--{$smarty.const.CART_URL|h}-->" class="btn cartbtn_default" style="margin-top:15px; color:#FFF;">レジに進む</a>