public_html / （ホームディレクトリ）
   |
   +-- mart / mart.cgi  [705]
        |     order.cgi [705]
        |     find.cgi  [705]
        |     admin.cgi [705] ... 管理画面
        |     init.cgi  [604] ... 設定ファイル
        |     index.html ........ 買物カゴページ（サンプル）
        |
        +-- lib / jacode.pl
        |    |    login.pl
        |    |
        |    +-- CGI / *.*
        |    +-- Crypt / *.*
        |    +-- Digest / *.*
        |
        +-- data / mart.dat  [606]
        |    |     stock.dat [606]
        |    |     num.dat   [606]
        |    |     law.dat   [606]
        |    |     rtax.dat  [606]
        |    |     pass.dat  [606]
        |    |
        |    +-- log [707] /
        |    +-- pwd [707] /
        |    +-- ses [707] /
        |
        +-- cmn / style.css
        |    |    admin.css
        |    |    mart.js
        |    |    red.png
        |    |
        |    +-- picker / *.*
        |
        +-- tmpl / *.html
                   *.txt

Tips:ファイル転送の仕方は以下のページを参考にしてください。

FTP : Windows編

FTP : Macintosh編

 

・以上、作業が完了したら﹁チェックモード﹂で動作チェックを行ないましょう。﹁check.cgi﹂に直接アクセスすることで、簡易的なチェックを行うことができます。なお、動作チェック後はcheck.cgiはファイル削除しておきます。  


・ファイル構成上、アクセスするファイルは以下の通りです。  
買物ページ : index.html ︵買物カゴ画面︶
 管理ページ : admin.cgi ︵管理用パスワードを入力してログインします︶  

バージョンアップについて

• v3より、文字コードが「UTF-8」になりました。v2以前からv3以降にバージョンアップする場合、データファイルの文字コードを変換する必要があります。
  
  ︻変換方法︼
   (1) data/mart.dat をFTPでダウンロードします。
   (2) TeraPad等のUTF-8対応のエディタで、文字コードをUTF-8に変更します。  
  
  
  ・ v4より、商品の登録情報の内容が次のとおり変更になりました。v3以前で属性情報を利用している場合は、管理画面から追加登録するか、又はCSVデータから一括登録する必要があります。  
  ︻変更情報︵右図参考︶︼
   (1) 属性情報︵サイズ・カラー等︶を利用する場合は、その情報を指定する必要があります。
   (2) 検索機能を使用する場合は、﹁戻り先URL﹂を指定する必要があります。
   
  

補足事項

• 商品登録について

  最初に商品を登録する必要があります。商品登録は admin.cgi から1点ずつ行う方法と、CSV形式で一括登録する方法があります。

• 買物カゴ画面のフォームの書き方 （同梱の index.html も参考にしてください）

  	項目	必須・任意	name属性	value属性	type属性
  買物カゴ	商品コード	必須	code	admin.cgiで登録した「商品コード」	hidden
  	数量	必須	num	初期値としてセットする「数量」	text, select, radio
  	戻り先	必須	back	買物カゴのあるHTMLページの「URL」 (※必ずhttp://からの絶対パスで記述します)	hidden
  	属性情報 （色・サイズ等）	任意	color, size等	選択させたい属性情報（色・サイズ等）	text, select, radio
  中身確認	戻り先	必須	back	買物カゴのあるHTMLページの「URL」 (※必ずhttp://からの絶対パスで記述します)	hidden
  商品検索	戻り先	必須	back	買物カゴのあるHTMLページの「URL」 (※必ずhttp://からの絶対パスで記述します)	hidden
  	並び替え	必須	sort	並び替えを指定 1 : 価格の安い順 2 : 価格の高い順 3 : 登録の新着順 4 : 登録の古い順	select, radio
  	キーワード	任意	word	商品情報の内、「商品名」と「備考」のキーワードを検索	text

  
   ※属性情報は、v4からは init.cgi の $cf{options} で指定し︵name属性含む︶、種類は無制限に設定可能です。
  
  記述例(1) 属性情報︵色・サイズ等︶を指定しない例
  
  ■高級ペンケース
   <form action="http://www.example.com/mart/mart.cgi" method="post">
   <input type="hidden" name="code" value="0001">
   <input type="hidden" name="back" value="http://www.example.com/mart/mart.html">
   単価 : ￥1,200<br>
   数量 : <input type="text" name="num" value="1" size="4">
   <br><br>
   <input type="submit" value="購入する">
   </form>  
  
  記述例(2) 属性情報︵色・サイズ等︶を指定し、個数をセレクトボックスで指定する例
  
  ■高級ファイルケース
   <form action="http://www.example.com/mart/mart.cgi" method="post">
   <input type="hidden" name="code" value="0002">
   <input type="hidden" name="back" value="http://www.example.com/mart/mart.html">
   単価 : ￥1,500<br>
   カラー : 
  <select name="color">
   <option value="ブルー">ブルー
   <option value="ブラック">ブラック
   <option value="グリーン">グリーン
   </select><br>
   サイズ : 
  <select name="size">
   <option value="S">S
   <option value="M">M
   <option value="L">L
   </select><br>
   数量 : 
  <select name="num">
   <option value="">▼選択
   <option value="1">1
   <option value="2">2
   <option value="3">3
   <option value="4">4
   <option value="5">5
   </select><br>
   <br><br>
   <input type="submit" value="購入する">
   </form>  
  
  記述例(3) 買物カゴ中身確認用フォーム
  
  ■買物カゴ中身確認
   <form action="http://www.example.com/mart/mart.cgi" method="post">
   <input type="hidden" name="back" value="http://www.example.com/mart/mart.html">
   <input type="submit" value="中身を確認">
   </form>  
  
  記述例(4) 商品検索用フォーム
  
  ■商品検索
   <form action="http://www.example.com/mart/find.cgi" method="post">
   <input type="hidden" name="back" value="http://www.example.com/mart/mart.html">
   並び替え‥
   <select name="sort">
   <option value="1">価格の安い順
   <option value="2">価格の高い順
   <option value="3">登録の新着順
   <option value="4">登録の古い順
   </select>
   <br>
   キーワード‥
   <input type="text" name="word" size="25">
   <input type="submit" value="商品検索">
   </form>  
  
  
  ・テンプレートファイルについて
  ・注文画面およびメール本文はテンプレート式となっていますので、レイアウトや画面を自由にカスタマイズすることができます。 
  ・テンプレートファイルは、すべて tmplディレクトリ に置かれています。
  

  ファイル名	用途	備考
  mart.html	買物カゴ画面
  find.html	検索結果画面
  addr.html	注文者情報入力画面
  conf.html	確認画面
  send.html	送信後画面
  send-credit.html	送信後、クレジット決済連携画面	ゼウス社契約のとき
  send-bank.html	送信後、銀行決済連携画面	ゼウス社契約のとき
  send-conv.html	送信後、コンビニ決済連携画面	ゼウス社契約のとき
  error.html	エラー画面
  reply.txt	注文メール本文	注文者宛のメール
  order.txt	注文メール本文	管理者宛のメール