□□□　概 要

データベースCGIを導入せず、ショッピングカートCGI ( ウェブ版 ) のみを導入された場合、商品ページは自作する必要があります。ここでは、商品ページにショッピングカートへの格納のボタンをつける方法を簡単に解説します。

□□□　サンプル 1

以下のサンプルをもとに解説いたします。

□□□ 架 空 の 商 品 ( 商 品 コ ー ド : K S - 0 1 )

○ 本製品は架空の商品です

こちらに掲載しております製品は、弊社が自信をもってお客様にご紹介いたします架空の商品でございます。
本製品をどうしても買い求めたいというお客様におかれましては、たいへんお手数とは存じますが、下記フォームにて数量とオプションとをご選択のうえ、「ご購入」ボタンをお押しくださいますよう謹んでお願い申し上げます。
本日は全く無意味なことをお客様にさせてしまい、まことに恐縮でございます。

販売価格

\398,980-

サイズ

ビッグ

数量をご指定ください

123456789100万個

名入れをご指定ください

ポンタクータンプーロロドルフ様

○ FORM ( 必須 )

商品フォームはフォームタグでくくられていなければなりません。

<form action="****/shoppingcart.cgi" method="post"> [ ここに商品の情報を記述します ] </form>

○ ACTION ( 必須 )

格納命令を発行します。

<input type="hidden" name="action" value="regist">

○ NAME ( 必須 )

商品名を発行します。

<input type="hidden" name="name" value="架空の商品">

○ ID ( 必須 )

商品コードを発行します。

<input type="hidden" name="id" value="KS-01">

○ PRICE ( 必須 )

商品価格を発行します。

<input type="hidden" name="price" value="398980">

○ QUANTITY ( 必須 )

お客様が数量を選択できるようにします。

<select name="quantity">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

○ INFORMATION ( 任意 )

商品情報は1から3までを用いることができます。

<input type="hidden" name="information1" value="超特大サイズ">

<select name="information2">
<option value="名入れはポンタ">ポンタ</option>
<option value="名入れはクー">クー</option>
</select>

○ 格納ボタン ( 必須 )

<input type="submit" value="ご購入">

□□□　サンプル 2

とりあえず商品ページに格納ボタンをつけたい方は以下のフォームを商品ページに貼り付けてください。

<form action="****/shoppingcart.cgi" method="post">
<input type="hidden" name="action" value="regist">
<input type="hidden" name="name" value="**商品名**">
<input type="hidden" name="id" value="**商品コード**">
<input type="hidden" name="price" value="**価格**">
<select name="quantity">
<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>
</select>
<input type="submit" value="カートに入れる">
</form>

□□□　高 度 な 情 報

ここでは商品ページの構築を簡単に解説しました。フォームについての高度な情報はフォーム情報をご参照ください。