nikoniko cart v6 Sample |
 |
品番： v6-01 品名： ミニピロー 規格： 綿100% 価格：\1500 |
カラー： レッド サイズ： 13cm×12cm 可愛いミニピローがアメリカから届きました 生地はホームスパンが使用されてます |
|
 |
品番： v6-02 品名： ポロシャツ 規格： 綿100% 価格：\5000〜 |
カラー： ブラック/レッド サイズ ：S.\5.000 L.\6.000 直輸入による限定販売です 限定数50着！ |
|
複数の商品を一度にカートに入れたい場合のサンプルページはこちらです
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="サイズ１::1000">サイズ１ <option value="サイズ２::2000">サイズ２ </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.