FutureShop2お試し店舗

ご不明な点は管理画面右上の
「お問い合せ」をご利用ください。




商品カテゴリ一覧 > 商品ページのいろいろな表示 > カゴ貼り付けまとめて購入

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

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

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


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

<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">

さらに応用すれば下記のような商品ページを作成することが可能です。
りんご
みかん
グレープフルーツ
カキ
バナナ
メロン





項目選択肢を利用した例






上記のサンプルソース

<form action="http://c03.future-shop.jp/fs/sample/ToCart.html" method="post">
<select name="goodsNo" >
<OPTION VALUE="gd28">りんご</OPTION>
<OPTION VALUE="gd29">みかん</OPTION>
<OPTION VALUE="gd30">グレープフルーツ</OPTION>
<OPTION VALUE="gd31">カキ</OPTION>
<OPTION VALUE="gd32">バナナ</OPTION>
<OPTION VALUE="gd33">メロン</OPTION>
</select><br>

<select name="goodsNo" >
<OPTION VALUE="gd28">りんご</OPTION>
<OPTION VALUE="gd29">みかん</OPTION>
<OPTION VALUE="gd30">グレープフルーツ</OPTION>
<OPTION VALUE="gd31">カキ</OPTION>
<OPTION VALUE="gd32">バナナ</OPTION>
<OPTION VALUE="gd33">メロン</OPTION>
</select><br>

<select name="goodsNo" >
<OPTION VALUE="gd28">りんご</OPTION>
<OPTION VALUE="gd29">みかん</OPTION>
<OPTION VALUE="gd30">グレープフルーツ</OPTION>
<OPTION VALUE="gd31">カキ</OPTION>
<OPTION VALUE="gd32">バナナ</OPTION>
<OPTION VALUE="gd33">メロン</OPTION>
</select>
<input name="cnt_gd28" type="hidden" value="1">
<input name="cnt_gd29" type="hidden" value="1">
<input name="cnt_gd30" type="hidden" value="1">
<input name="cnt_gd31" type="hidden" value="1">
<input name="cnt_gd32" type="hidden" value="1">
<input name="cnt_gd33" type="hidden" value="1">

<br>
<input type="submit" value="選んでカートへ">
</form>