カゴ貼り付けまとめて購入テスト店舗

FutureShop2 Sample Shop

いらっしゃいませ　ゲストさん
クーポン情報お気に入り一覧マイページログインパスワードをお忘れの場合

トップへ > 商品ページのいろいろな表示 > カゴ貼り付けまとめて購入

【まとめて購入用のカゴのタグ出力方法はこちらから】

＜このページはフリーページ機能を使って表示しています＞

複数の商品を一度に買物カゴに入れることが可能です。
出力されたタグを修正することでいろいろ応用することができます。

下記は、標準で出力した状態です。

<form action="http://c03.future-shop.jp/fs/sample/ToCart.html" method="post">
<input type="hidden" name="goodsNo" value="gd28">りんご
<table border="0" cellspacing="4" cellpadding="0">
<tr>
<td>数量<input name="cnt_gd28" type="text" value="" size="5"></td>
</tr>
</table>
<input type="hidden" name="goodsNo" value="gd29">みかん
<table border="0" cellspacing="4" cellpadding="0">
<tr>
<td>数量<input name="cnt_gd29" type="text" value="" size="5"></td>
</tr>
</table>
<input type="hidden" name="goodsNo" value="gd30">グレープフルーツ
<table border="0" cellspacing="4" cellpadding="0">
<tr>
<td>数量<input name="cnt_gd30" type="text" value="" size="5"></td>
</tr>
</table>
<input type="hidden" name="goodsNo" value="gd31">かき
<table border="0" cellspacing="4" cellpadding="0">
<tr>
<td>数量<input name="cnt_gd31" type="text" value="" size="5"></td>
</tr>
</table>
<input type="hidden" name="goodsNo" value="gd32">バナナ
<table border="0" cellspacing="4" cellpadding="0">
<tr>
<td>数量<input name="cnt_gd32" type="text" value="" size="5"></td>
</tr>
</table>
<input type="hidden" name="goodsNo" value="gd33">メロン
<table border="0" cellspacing="4" cellpadding="0">
<tr>
<td>数量<input name="cnt_gd33" type="text" value="" size="5"></td>
</tr>
<tr>
<td><input type="submit" value="カートへ"></td>
</tr>
</table>
</form>

数量を入力した上、「カートへ」ボタンをクリックします。

数量をプルダウンで選択できるようにHTMLを修正したパターン

例：
<input name="cnt_gd28" type="text" value="" size="5">

をプルダウンで選択できるように変更
※nameは同じにする。

<SELECT name="cnt_gd28">
<OPTION VALUE="0" selected>0</OPTION>
<OPTION VALUE="1">1</OPTION>
<OPTION VALUE="2">2</OPTION>
<OPTION VALUE="3">3</OPTION>
<OPTION VALUE="4">4</OPTION>
<OPTION VALUE="5">5</OPTION>
<OPTION VALUE="6">6</OPTION>
<OPTION VALUE="7">7</OPTION>
<OPTION VALUE="8">8</OPTION>
<OPTION VALUE="9">9</OPTION>
<OPTION VALUE="10">10</OPTION>
</SELECT>

商品をチェックボックスで選択して買物カゴいれるパターンも可能です。

例：
<input name="cnt_gd28" type="text" value="" size="5">

をチェックボックスで選択できるように変更
※nameは同じにする。

<INPUT TYPE="checkbox" NAME="cnt_gd28" VALUE="1">

さらに応用すれば下記のような商品ページを作成することが可能です。

トップ