| ■商品をショッピングカートへ入れるためのＨＴＭＬタグ
|
| <FORM ACTION="http://ichi-online.com/shopping/cart.cgi"
TARGET="別ウィンドウの名前"> |
▲
最初に、上記タグを記述して下さい。
別ウィンドウの名前は、半角英数でご記入下さい。（例： cart_window, shopping_cart など）
尚、誤作動の原因となりますため、別ウィンドウの名前にはハイフン（-）や空白等は用いないで下さい。
また、別ウィンドウの名前は、全商品を通じて同じ名前にして下さい。 |
<INPUT TYPE="hidden" NAME="mode"
VALUE="buy">
<INPUT TYPE="hidden" NAME="id" VALUE="ご利用店舗様のＩＤ">
<INPUT TYPE="hidden" NAME="number" VALUE="商品番号">
<INPUT TYPE="hidden" NAME="name" VALUE="商品の名前">
<INPUT TYPE="hidden" NAME="price" VALUE="商品の単価">
|
▲
ご利用店舗様のＩＤ、商品番号、商品の名前、商品の単価をそれぞれご記入下さい。
商品の単価は、半角数字でご記入下さい。
商品番号を使用しない場合は、商品番号の記述はなくても構いません。 |
<SELECT NAME="quantity">
<OPTION VALUE="1">1</OPTION>
<OPTION VALUE="2">2</OPTION>
：
：
<OPTION VALUE="10">10</OPTION>
</SELECT> |
▲
商品の購入数量を選択する箇所です。
VALUE="1"の"1"の部分が購入数量となります。
購入数量は半角数字でご記入下さい。 |
<INPUT TYPE="hidden" NAME="option_name1"
VALUE="オプション項目名">
<SELECT NAME="option1">
<OPTION VALUE="オプション選択項目Ａ">オプション選択項目Ａ</OPTION>
<OPTION VALUE="オプション選択項目Ｂ">オプション選択項目Ｂ</OPTION>
：
：
<OPTION VALUE="オプション選択項目Ｚ">オプション選択項目Ｚ</OPTION>
</SELECT> |
▲
オプション項目を使用する場合（例えば、一つの商品に対して色やサイズなどを選択可能にしたい場合）は、上記のタグを挿入して下さい。オプション項目を使用しない場合は、記述しないで下さい。
オプション項目を使用した場合、ショッピングカート内での商品名表示は、
商品名 /オプション項目名：オプション項目
のように表示されます。
例えば、オプション項目名に"サイズ"、オプション選択項目で"Ｍサイズ"とした場合、
サンプルシャツ /サイズ：Ｍサイズ
のように表示されます。
オプション項目は1商品につき10項目まで使用出来ます。オプション項目を複数使用したい場合は、
NAME="option_name1"の部分を NAME="option_name2" 、NAME="option_name3"
NAME="option1"の部分を NAME="option2"、NAME="option3"
と記述して下さい。 |
| <INPUT TYPE="submit" VALUE="ボタンに表示させる文字"
onClick="javascript:window.open('','別ウィンドウの名前','Width=別ウィンドウの横幅,Height=別ウィンドウの縦幅,resizable=yes,scrollbars=yes,status=yes');"> |
▲
商品をショッピングカートに入れるためのボタンです。
ボタンに表示させる文字の部分が、ボタンの表記になります。（例："ショッピングカートへ"、"購入"など）
また、onClick=" 〜 " の部分は、ショッピングカートウィンドウの横幅、縦幅などを指定するための記述です。ショッピングカートウィンドウの横幅、縦幅などを指定しない場合は、記述しなくても構いません。
|
| </FORM> |
▲
ここまでで、一つの商品に対してのＨＴＭＬタグ記述は終了です。 |
| ■実例 |
<FORM ACTION="http://ichi-online.com/shopping/cart.cgi" TARGET="shopping_cart">
<INPUT TYPE="hidden" NAME="mode" VALUE="buy">
<INPUT TYPE="hidden" NAME="id" VALUE="sample1">
<INPUT TYPE="hidden" NAME="number" VALUE="A-002">
<INPUT TYPE="hidden" NAME="name" VALUE="サンプルシャツＡ">
<INPUT TYPE="hidden" NAME="price" VALUE="2500">
商品番号：A-002 <BR>
商品名：サンプルシャツＡ <BR>
商品単価：2,500円 <BR>
購入数量：
<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>
<OPTION VALUE="10">10</OPTION>
</SELECT>
<BR>
サイズ：
<INPUT TYPE="hidden" NAME="option_name1" VALUE="サイズ">
<SELECT NAME="option1">
<OPTION VALUE="Ｍサイズ">Ｍサイズ</OPTION>
<OPTION VALUE="Ｓサイズ">Ｓサイズ</OPTION>
<OPTION VALUE="Ｌサイズ">Ｌサイズ</OPTION>
</SELECT>
<BR>
カラー：
<INPUT TYPE="hidden" NAME="option_name2" VALUE="カラー">
<SELECT NAME="option2">
<OPTION VALUE="赤">赤</OPTION>
<OPTION VALUE="青">青</OPTION>
<OPTION VALUE="黄">黄</OPTION>
<OPTION VALUE="白">白</OPTION>
<OPTION VALUE="黒">黒</OPTION>
</SELECT>
<BR>
<INPUT TYPE="submit" VALUE="ショッピングカートへ" onClick="javascript:window.open('','shopping_cart','Width=620,Height=160,resizable=yes,scrollbars=yes,status=yes');">
</FORM>
|
▲
上記のタグを記述すると、以下のように表示されます。
▼ |
| |
