SOY Shopでカートに入れるボタンを押した時、一括で指定した商品を入れたい。

という要望がありましたので、一括挿入ボタンを作ってみた。


最初に詳細ページのテンプレートを作成して、

下記の様なHTMLを記述してみた。


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!-- block:id="item" -->
<form cms:id="item_cart_default_form">
	
	<h2 cms:id="item_name"></h2>
	
	<input type="hidden" name="item[]" value="2">
	<input type="hidden" name="item[]" value="3">
	<input type="hidden" name="item[]" value="4">
	<input type="hidden" name="item[]" value="5">
	
	<input type="submit" value="カートに入れる">
</form>
<!-- /block:id="item" -->
</body>
</html>

簡単に解説すると、

<form cms:id="item_cart_default_form">で囲った箇所に

<input type="hidden" name="item[]" value="商品ID">

をいくつか設置しておくと、


カートに入れるボタンを押すと、hiddenで指定した商品IDに上書きされてカートに入る。


では、カートに入れるボタンを押してみると、



hiddenで指定した商品がすべてカートに入った!


今回はちょっとした小ネタでした。