01ショッピングカート
HTMLタグ記述方法/Bタイプ
Bタイプ(ショッピングカートをフレームで表示)でのHTMLタグ記述方法をご説明致します。
※商品紹介ページを自動生成していただく場合は、以下をご記述いただく作業は必要ございません。
■ 商品情報をショッピングカートプログラムへ送信していただくためのHTMLタグ
<FORM method="post" action="http://01-shoppingcart.com/shopping/cart.shtml" target="フレーム名">
最初に上記タグをご記述下さい。
フレーム名には、ショッピングカートを表示させるフレームのフレーム名称を半角英数字でご記入下さい。
(cart_frame、shopping_frame 等)
尚、誤作動の原因となりますため、フレーム名にはハイフン(-)や空白等は用いないで下さい。
<INPUT type="hidden" name="mode" value="buy">
<INPUT type="hidden" name="id" value="ご利用店舗様 ID">
<INPUT type="hidden" name="name" value="商品名">
<INPUT type="hidden" name="price" value="商品単価">
<INPUT type="hidden" name="number" value="商品番号">
続いて上記タグをご記述下さい。
ご利用店舗様IDには、お申込み後のメールに記載されておりますIDを半角英数字でご記入下さい。
商品名には、商品の名称をご記入下さい。
商品単価には、商品の単価を半角数字でご記入下さい。
商品番号には、任意の商品番号を半角英数字でご記入下さい。
※在庫管理を行う場合には、コントロールパネルにてご登録いただきました商品番号と同一番号をご記入下さい。
<INPUT type="hidden" name="weight" value="商品重量">
商品の重量によって送料を変更される場合のみ、上記タグをご記入下さい。商品の重量によって送料を変更されない場合は、上記タグをご記入いただく必要はございません。
商品重量には、商品一つ当たりの重量(kg)を半角数字でご記入下さい。
<INPUT type="hidden" name="carriage" value="送料番号">
商品毎個別に送料を発生させる場合(この商品を他の商品と別に発送される場合等)のみ、上記タグをご記入下さい。個別送料を適用させない場合(この商品を他の商品とまとめて発送される場合等)は、上記タグをご記入いただく必要はございません。
送料番号には、適用させる送料番号を半角数字でご記入下さい。
送料番号はコントロールパネル/送料設定よりご確認下さい。
※ 個別送料を適用させた商品の重量は商品総重量に加算されません。
※ 個別送料におきましては、送料体系の付加料金は発生致しません。
<INPUT type="hidden" name="stock_manage" value="1">
商品の在庫を管理される場合のみ、上記タグをご記入下さい。この商品の在庫を管理されない場合は、上記タグをご記入いただく必要はございません。
在庫を管理される場合、予めコントロールパネル/商品設定より該当商品の商品番号および在庫数をご入力/設定していただく必要がございます。また、在庫を管理された場合、在庫数が0の商品につきましてはご注文いただけなくなりますので、ご注意下さい。
<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>
</SELECT>
上記タグは商品の数量選択部分になります。
上記の場合、一度にショッピングカートへ入れることの出来る商品個数は5つまでとなります。
<INPUT type="hidden" name="option_name1" value="オプション属性名称">
<SELECT name="option1">
<OPTION value="選択肢">選択肢</OPTION>
 ・
 ・
 ・
<OPTION value="選択肢">選択肢</OPTION>
</SELECT>
商品に色/サイズ等の選択可能属性を付ける場合のみ、上記タグをご記入下さい。選択可能属性を付けない場合は、上記タグをご記入いただく必要はございません。
オプション属性名称には、選択属性の名称(色、サイズ等)をご記入下さい。
選択肢には、個々の選択可能項目の名称(赤色、黄色、Sサイズ、Mサイズ 等)をご記入下さい。
選択可能属性を複数設ける場合は、option_name1 および option1 の末尾番号を option_name2 および option2 のように、連番となるよう変更して下さい。(最大10項目、1〜10まで設定していただけます。)
<INPUT type="hidden" name="option_price_name" value="オプション属性名称">
<SELECT name="option_price">
<OPTION value="選択肢,追加金額">選択肢</OPTION>
 ・
 ・
 ・
<OPTION value="選択肢,追加金額">選択肢</OPTION>
</SELECT>
商品の色/サイズ等の選択可能属性に応じて商品単価を変更される場合のみ、上記タグをご記入下さい。選択可能属性によって商品単価を変更されない場合は、上記タグをご記入いただく必要はございません。
オプション属性名称には、選択属性の名称(色、サイズ等)をご記入下さい。
選択肢には、個々の選択可能項目の名称(赤色、黄色、Sサイズ、Mサイズ 等)をご記入下さい。
追加金額には、その選択可能属性を選択した場合に商品単価に追加する金額を半角数字でご記入下さい。
<INPUT type="submit" value="ボタン表示文字列">
上記タグは商品をショッピングカートへ入れるボタンになります。
ボタン表示文字列には、ボタンに表示させる文字をご記入下さい。(ショッピングカートへ、カートへ入れる 等)
</FORM>
最後に、上記タグをご記述いただき、フォームタグを閉じます。
ここまでで、一つの商品に対するHTMLタグ記述は終了です。
また、<FORM 〜 > から </FORM> タグ内には必ず一つの商品情報のみご記述下さい。
<FORM 〜 > から </FORM> タグ内に複数の商品情報をまとめてご記述いただくことは行っていただけません。
■ 実例:

<FORM method="post" action="http://01-shoppingcart.com/shopping/cart.shtml" target="cart_frame">

<INPUT type="hidden" name="mode" value="buy">
<INPUT type="hidden" name="id" value="sample1">
<INPUT type="hidden" name="name" value="サンプル商品">
<INPUT type="hidden" name="price" value="3000">

<INPUT type="hidden" name="number" value="N-001">
<INPUT type="hidden" name="weight" value="5.0">
<INPUT type="hidden" name="carriage" value="3">
<INPUT type="hidden" name="stock_manage" value="1">

<SELECT name="quantity">
<OPTION value="1">1</OPTION>
<OPTION value="2">2</OPTION>
<OPTION value="3">3</OPTION>
</SELECT>


<INPUT type="hidden" name="option_name1" value="色">
<SELECT name="option1">
<OPTION value="赤">赤</OPTION>
<OPTION value="青">青</OPTION>
</SELECT>

<INPUT type="hidden" name="option_name2" value="サイズ">
<SELECT name="option2">
<OPTION value="Sサイズ">Sサイズ</OPTION>
<OPTION value="Mサイズ">Mサイズ</OPTION>
<OPTION value="Lサイズ">Lサイズ</OPTION>
</SELECT>

<INPUT type="hidden" name="option_price_name" value="保証">
<SELECT name="option_price">
<OPTION value="なし,0">なし</OPTION>
<OPTION value="1年間,500">1年間</OPTION>
<OPTION value="2年間,1000">2年間</OPTION>
</SELECT>

<INPUT type="submit" value="ショッピングカートへ">

</FORM>

※上記実例の赤で示した部分は、省略不可能な項目となります。
※上記実例の黒で示した部分は、商品の性質や在庫管理の有無等によって省略可能な項目となります。
■ フレーム定義HTMLタグ
<FRAMESET rows="*,ショッピングカート縦幅" frameborder="YES" border="1" framespacing="1">
<FRAME src="商品紹介ページURL" marginwidth="0" marginheight="0">
<FRAME name="フレーム名" src="http://01-shoppingcart.com/shopping/cart.shtml?id=ご利用店舗様 ID" scrolling="YES" marginwidth="0" marginheight="0">
</FRAMESET>
上記は、フレーム定義部分のHTMLタグとなります。
ショッピングカート縦幅には、ショッピングカート表示フレーム部分の縦幅を半角数字でご記入下さい。(単位はピクセルです。)
商品紹介ページURLには、商品紹介ページ(商品説明ページ)のURLをご記入下さい。
フレーム名には、ショッピングカートを表示させるフレームのフレーム名称を半角英数字でご記入下さい。
フレーム名は、商品情報を記述したHTMLファイルにてご記述いただいたフレーム名称(<FORM 〜 > タグにてご記述いただいたフレーム名称)と同じものをご記入下さい。
ご利用店舗様IDには、お申込み後のメールに記載されておりますIDを半角英数字でご記入下さい。
前のページへ戻る トップページへ戻る
Copyright(C) 2004 01-ShoppingCart all rights reserved.