nikoniko cart v6 Sample


価格は総額表示方式です
内税を表示しない設定も可能です

テスト注文をする場合は、ご自身のメールアドレスを記入してください
注文メール(CSVファィル order.csvが添付されます)と控えの自動返信メールが
送信されますので、直ぐにご確認していただけます。


別ウィンドウでカートに入れる場合のサンプルはこちらです



画像
品番 V6-001
品名 バードハウス
種類 木製
サイズ H32cm
価格 \3.150

数量:    



アメリカンカントリーの中でも
人気のバードハウスです。
素朴なナチュラルテーストを
お楽しみください。

画像
品番 V6-002
品名 ポロシャツ
種類 綿100%
カラー ブラック/レッド
サイズ S \5.250  L \6.300

直輸入による限定販売です
色: サイズ: 数量:

画像
品番 V6-003
品名 バンダナ
カラー ブルー、レッド、ピンク、グリーン
サイズ 30cmX30cm
価格 \1.050

: 数量:  

画像
品番 V6-004
品名 キッチンクリーナー
種類  
サイズ 1L
価格 \2.500

数量:  

画像
品番 V6-005
品名 アンティークライトスタンド
種類  
サイズ H130cm
価格 \2.1000
(現品1個のみ)
*数量の選択なしで常に1個入る設定

 


 



複数の商品を一度にカートに入れたい場合のサンプルページはこちらです

HOME



カート用タグ解説
HTMLのタグを完璧に理解しなくても大丈夫です!
テキストエディタなどソース表示できるソフトで商品ページを開いてカート用のタグを編集します
<FORM>タグがあるために、ホームページ作成ソフトによっては、自動整形をする場合があるようですので、できるだけ自動整形機能はOFFの状態にして商品ページを作成するようにしてください。

基本的なタグ
<FORM ACTION="cart1.cgi" METHOD=POST>
<INPUT TYPE=HIDDEN NAME="itemno" VALUE="v6-01">
<INPUT TYPE=HIDDEN NAME="itemna" VALUE="ミニピロー">
<INPUT TYPE=HIDDEN NAME="itemsh" VALUE="コットン">
<INPUT TYPE=HIDDEN NAME="color"VALUE="レッド">
<INPUT TYPE=HIDDEN NAME="sipri" VALUE="::1500">
数量<SELECT NAME="suryo">
<OPTION VALUE="1">1
<OPTION VALUE="2">2
</SELECT>
<INPUT TYPE=IMAGE NAME="ご注文" SRC="order.gif" border="0"></FORM>

解説.1
<FORM ACTION="cart1.cgi" METHOD=POST>
解説:cart1.cgi にパスを通してください http://www. から記載することをおすすめします
<INPUT TYPE=HIDDEN NAME="itemno" VALUE="v6-01">
解説:品番を記載必須です 記載は半角英数字で!特殊文字や記号は使用しないでください
<INPUT TYPE=HIDDEN NAME="itemna" VALUE="ミニピロー">
解説:品名を記載してください
<INPUT TYPE=HIDDEN NAME="itemsh" VALUE="コットン">
解説:商品の種類や規格または番号などに使うことができます
<INPUT TYPE=HIDDEN NAME="color"VALUE="レッド">
解説:名前はcolorですが色以外のサイズなどに利用しても構いません
<INPUT TYPE=HIDDEN NAME="sipri" VALUE="::1500">
解説:価格を記載してください
数量<SELECT NAME="suryo">
<OPTION VALUE="1">1
<OPTION VALUE="2">2
</SELECT>
解説:数量の選択数量の選択を必要としない場合常に1個でカートに入れたい時は
<INPUT TYPE=HIDDEN NAME="suryo" VALUE="1"> に入れ替えてください
<INPUT TYPE=IMAGE NAME="ご注文" SRC="order.gif" border="0"></FORM>
解説:order.gif にパスを通してください http://からでも可
GIF画像を使わない場合は、<INPUT TYPE=SUBMIT NAME="submit" VALUE="ご注文"></FORM>
と入れ替えてください

解説.2
この中でデータを取る必要のない要素がある場合は、その項目のvalueをなしにします。
<input type="hidden" name="itemsh" value="">

色や数量など、お客様に選択してもらう必要のあるデータは、以下のようにselectで記述します。
<select name="color">
<option value="ブラック">ブラック
<option value="ブルー">ブルー
<option value="レッド">レッド
</select>

サイズと連動して価格も変えたい場合は、サイズと価格を接続し、以下のように記述します。
サイズ1は1000円  サイズ2は2000円の例です
<select name="sipri">
<option value="サイズ1::1000">サイズ1
<option value="サイズ2::2000">サイズ2
</select>

解説.3
一つの商品に対して、通常は <FORM ACTION で始まり</FORM>で終了しますが
複数の商品を選択して一度にカートにいれるような場合は、<select name="****">
で記載した部分を全て最初のひとつは空白にします
数量<SELECT NAME="suryo">
<OPTION>
<OPTION VALUE="1">1
<OPTION VALUE="2">2
</SELECT>
というように <OPTION>を追加しています
こうすることによって ページ上部に <FORM ACTION="cart1.cgi" METHOD=POST>
ページの下部に </FORM>
それぞれ1箇所のみに記載するだけです
1ページに複数の商品を掲載して 数量を選んで一度に複数の商品をカートに入れる
ことが可能になります。この場合、カートに入れるボタンは1個でも構いません。

解説.4
「カートの中をみる」「お勘定へ進む」のタグは下記のようになります。
<FORM ACTION="http://www.CGIを設置した場所/cart1.cgi" METHOD=POST>
<INPUT TYPE=SUBMIT NAME="submit" VALUE="カートの中を見る"> 
<INPUT TYPE=SUBMIT NAME="submit" VALUE="お勘定へ進む"></FORM>

Copyright(C) NIKONIKO CGI All rights reserved.