[基礎編]    リンクを利用する方法 | フォームを利用する方法 | 商品個数を指定する方法
[応用編]    商品のオプションを選択する方法 | 商品とオプションの両方を選択する方法 | 複数商品を一度に指定する方法 | 複数商品とオプションの両方を選択し一度に指定する方法
[その他]    カゴの中身を確認する方法 | 在庫切れ時のポップアップウィンドウ | 商品別にポイント還元率を指定する方法 | 景品交換カート
タナページ作成方法
トップページ > タナページ作成方法 > 複数商品とオプションの両方を選択し一度に指定する方法
複数商品とオプションの両方を選択し一度に指定する方法

複数の商品とオプション(色やサイズ)の両方を選択して、一度にカゴへ入れる方法です。

2004年7月14日以前からショッピングカートをご利用のお客様へ
従来通りのショッピングカートへのリンクでも動作します。
  例: <form method="post" action="/cgi-bin/cart.cgi">
従来通りの記述でも動作しますが、今後、タナページを作成される際は、新しいリンクの呼び出し方で記述されることを推奨します。
(理論上、新しいリンクの呼び出し方のほうがページ表示が高速化されます)

商品名 品茖・聞香
価格 1,680円
柄選択   数量
商品名 蓋椀
価格 2,310円
柄選択   数量
商品名 マグカップ(龍柄)
価格 2,835円
数量
 


設置する場所に、以下のような書式でリンクをつけます。

■商品管理を利用する場合の書式
<form method="post" action="http://shopcart.jp/ドメイン名/cart.cgi">
<input type="hidden" name="ITM-A" value="商品番号">
 <select name="OPT-A-01">
<option value="花柄A" selected>花柄A</option>
<option value="花柄B">花柄B</option>
<option value="草柄">草柄</option>
<option value="竹柄">竹柄</option>
</select>
<select name="CNT-A">
<option value="" selected>0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<input type="hidden" name="ITM-B" value="商品番号">
 <select name="OPT-B-01">
<option value="花柄" selected>花柄</option>
<option value="唐草柄">唐草柄</option>
</select>
<select name="CNT-B">
<option value="" selected>0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<input type="hidden" name="ITM-C" value="商品番号">
 <select name="CNT-C">
<option value="" selected>0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<input type="submit" value="カゴへ">
</form>
 
■商品管理を利用せず、タナページに商品情報を記述する場合の書式
<form method="post" action="http://shopcart.jp/ドメイン名/cart.cgi">
<input type="hidden" name="ITM-A" value="商品番号">
  <input type="hidden" name="NAM-A" value="商品名">
<input type="hidden" name="PRC-A" value="商品単価">
<select name="OPT-A-01">
<option value="花柄A" selected>花柄A</option>
<option value="花柄B">花柄B</option>
<option value="草柄">草柄</option>
<option value="竹柄">竹柄</option>
</select>
<select name="CNT-A">
<option value="" selected>0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<input type="hidden" name="ITM-B" value="商品番号">
<input type="hidden" name="NAM-B" value="商品名">
<input type="hidden" name="PRC-B" value="商品単価">
<select name="OPT-B-01">
<option value="花柄" selected>花柄</option>
<option value="唐草柄">唐草柄</option>
</select>
<select name="CNT-B">
<option value="" selected>0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<input type="hidden" name="ITM-C" value="商品番号">
<input type="hidden" name="NAM-C" value="商品名">
<input type="hidden" name="PRC-C" value="商品単価">
<select name="CNT-C">
<option value="" selected>0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<input type="submit" value="カゴへ">
</form>
 
商品管理の在庫管理機能のみをご利用いただいている場合は、2つめの「タナページに商品情報を記述する場合の書式」で記述してください。
ボタンの代わりに画像を使う場合は、<input type="submit" value="カゴへ">の部分を次のように記述します。
<input type="image" src="画像ファイル名">

次に、各項目を以下の表を参考に、お客さまの環境に置き換えます。

◎必須/×省略可/△商品管理利用時は省略可
 項目名   内容   文字数上限   必須 
 ドメイン名   お客様のドメイン名を指定します 
 例) ssestore.jp [wwwなし]
 半角63文字以下 
 ITM-*   商品管理で登録した商品番号
 (商品管理を利用しない場合は
 任意の番号)を指定します
 ・商品管理を利用する場合  
  半角64文字以下 
 ・商品管理を利用しない場合 
  全角32/半角64文字以下 
 NAM-*   商品名を指定します   全角64/半角128文字以下 
 PRC-*   商品単価を指定します   ・商品管理を利用する場合  
  半角数字 999999
 ・商品管理を利用しない場合 
  半角数字 99999999 
 TAX-*   消費税を指定します   ・商品管理を利用する場合  
  半角数字 999999
×
 ・商品管理を利用しない場合 
  半角数字 99999999 
 OPT-**   選択肢を指定します 
 (OPT-01〜20まで付加可能) 
 「商品名(NAM)」と「選択肢区切り
 文字」と「選択肢(OPT-**)」の
 合計が全角127/半角255文字以内
 に収まるように指定してください
×
 CNT-*   同時に購入する商品数を指定します   半角数字 1〜99  ×
 
商品管理で登録している値と、タナページで指定している値で、両方とも同じ値があった場合は、商品管理の「値の優先設定」でどちらを優先するかを指定することができます。
同時に購入できる商品の上限数は、99種類(1商品につき99個)までです。
1回のご注文につき、購入可能な上限金額は、合計で1億円未満です。
※送料、手数料を含む。
商品番号などに半角カタカナを使うと、文字化けの原因になりますのでご注意ください。
「Form」タグの「method」には「POST」を指定してください。
商品番号「IMT」の後に「-」(ハイフン)を付け、この商品の情報と認識するための任意のキーを付加します。このキーが同じものが一つの商品として認識されます。
例)ITM-Aなら、CNT-A、NAM-A、PRC-A、OPT-Aの各値が一つの商品情報となります。
選択肢(OPT-**)の「name」の値は、OPTの後に「-」(ハイフン)を付け、選択肢の数を付加します(OPT-01〜OPT-20まで付加可能)。また、複数商品を一度にカゴへ入れる方法では、どの商品に対するOPTなのかを指定する必要があるため、OPT-識別子-01としています。
選択肢の区切り文字は、「カートエディタ」の「選択肢区切り文字」で設定できます。
複数商品を一度にカゴへ入れる方法では、商品数の指定(CNT-*)は必ず指定してください。CNTを省略、0、空白にすると商品をカゴに入れることができません。
商品名および商品番号のどちらかが異なる場合は、違う商品として扱われます。
タナページを更新される場合は、なるべく閉店モードで作業していただくことをお勧めいたします。更新前の古い商品価格等の情報で購入者が商品をカゴに入れていると、カゴ上の数量を変更しても、古い商品価格等の情報のまま追加されてしまう可能性がありますので、ご注意ください。
   
消費税を「消費税自動計算」の設定とは別に計算させたい場合
消費税を自動計算の設定とは別に計算させたい場合は、TAXの値をご利用ください。自動計算の設定で、消費税を徴収する設定の場合でも、TAXの指定が優先されます。
消費税を徴収しない場合は、自動計算の設定で、徴収しないようにすることができます。この際は、商品管理で登録している値も、タナページで指定している値も、どちらも無効となります。
TAXを省略・0・空白にされた場合は、TAXを指定していない状態となります。
詳しくは消費税自動計算をご覧ください。
 
リンクをつけ終わりましたら、実際に商品の購入が行えるか確認してください。
正常に商品の購入ができましたら、商品タナページの作成が完了します。
FAQはこちら
[ このページのトップへ ]