| 使用上の注意 |
| |
 画像のアップロード先について |
| 画像は、デフォルトでは各商品用にCGIが作成するフォルダに入れて使うようになっています。例えば、カテゴリID「cat01」、商品ID「001」の商品にimage001_1.jpgを使用したい場合は、次のような配置になります。 |
| |
| /shopPageMaker/ |
| ┣ shop.cgi |
| ┣ /category/ |
| ┣ /cat01/（カテゴリID。CGIが作成） |
| ┣ /001/（商品ID。CGIが作成） |
| ┣ image001_1.jpg |
| ・・・・・・・ |
| |
| サーバによっては、CGIが作成したディレクトリにFTPで書き込みできないものがあるので、その場合は専用の画像ディレクトリをご自身で用意して、そこに商品ページ作成時に指定したIDごとにフォルダを作ってアップロードして下さい。 |
| 例えば、shopPageMakerフォルダに「images」フォルダを作ってそれを画像用フォルダにした場合、 |
| |
| (1) カテゴリID「cat01」、商品ID「001」の商品にimage001_1.jpgを使用するには、「images」フォルダの中に「cat01」、さらにその中に「001」というフォルダをFTPで作成して、画像をアップロードします。 |
| |
| /shopPageMaker/ |
| ┣ shop.cgi |
| ┣ /category/ |
| ┣ /images/（FTPで作成） |
| ┣ /cat01/（FTPで作成） |
| ┣ /001/（FTPで作成） |
| ┣ image001_1.jpg |
| ・・・・・・・ |
| |
| (2)さらに、prefsS.cgiの書き換えが必要です。 |
| |
| $image_dir = "../category";# 画像を置くディレクトリ |
| ↓ |
| $image_dir = "../images";# 画像を置くディレクトリ |
| |
| 商品データの「FIll」ボタンについて |
| 「画像ファイル」にあるものも「説明」にあるものも、共に先頭に入力されたものに応じて以下の入力欄に自動入力します。 |
| 「画像ファイル」は、ファイル名に数値が含まれていれば、その数値を１ずつ増やしたものを自動入力します。例えば、先頭に「image001.jpg」と入力した場合は、image002.jpg、image003.jpg・・・と入力されます。数値が含まれていない場合は、先頭と同じデータを全てに入力します。全データをクリアしたい場合は、先頭を空欄にして「Fill」ボタンをクリックしてください。 |
| 「説明」は、先頭と同じデータを全てに入力します。全データをクリアしたい場合は、先頭を空欄にして「Fill」ボタンをクリックしてください。 |
| |
| 商品タイプの追加について |
| 商品のタイプ（サイズ違い等）によって価格を分ける場合は次のようにします。 |
| |
| （１）prefsS.cgiのタイプ定義を変更します。 |
| 例：S, M, Lに2Lを追加する場合 |
| @types = ('S', 'M', 'L', '2L');# 商品タイプ（サイズ違いなど） |
| |
| （２）form_temp.htmlに入力欄を追加します。 |
| 例：S, M, Lに2Lを追加する場合 |
| S: <input type="text" name="price1" size="21" value="$price1"> |
| M: <input type="text" name="price2" size="21" value="$price2"> |
| L: <input type="text" name="price3" size="21" value="$price3"> |
| 2L: <input type="text" name="price4" size="21" value="$price4"> |
| |
| 変数price1, price2・・・は、prefsS.cgiの@typesで定義される順番に対応します。 |
| 削除の場合は、逆に定義を削って入力欄を削除してください。 |
| |
| オプションの画像表示CGIについて |
| 画像表示CGIでは、次のような表示が可能です。 |
| |
| （１）画像のサムネールを表示 |
| 呼び出し方：imageS.cgi?thumb=画像ファイル名 → サンプル |
| |
| 縮小率は、prefsS.cgiの$thumb_sizeで指定します。 |
| |
| （２）画像を実サイズで表示 |
| 呼び出し方：imageS.cgi?img=画像ファイル名 → サンプル |
| |
| （３）画像をリサイズして表示 |
| 呼び出し方：imageS.cgi?img=画像ファイル名&width=横幅(または、&height=縦幅) → サンプル |
| |
| 横幅と縦幅は、どちらか一方の指定となります。両方指定した場合は、横幅が優先されます。 |
| |
| （４）画像をテンプレートの一部として表示 |
| 呼び出し方：imageS.cgi?temp=画像ファイル名 → サンプル |
| |
| 使用するテンプレートは、縦長の場合は「temp_v.html」、横長の場合は「temp_h.html」となります。imageS.cgiが画像が縦長か横長かを自動判別するので、呼び出しの際指定する必要はありません。 |
| |
| カスタマイズ |
| |
| ノーマルの状態で動作する事が確認できましたら、あとは必要に応じてカスタマイズしてください。 |
| |
| （１）prefsS.cgiの設定 |
| 動作・表示のカスタマイズ、ファイル名の変更が出来ます。特に、下記の$passwordは安全のため必ず変更してください。 |
| |
| ############ １，ショッピング ########### |
| #### 設定 #### |
| $password = "zonch";# パスワード |
| $list_back1 = "#FFCAFE";# リストページの奇数行の背景色 |
| $list_back2 = "#FAEEFF";# リストページの偶数行の背景色 |
| $add_field_forms = 5;# すでにあるフィールドデータの下に付け加える入力欄の数 |
| $field_width = 40;# 一行フィールドの幅 |
| $field_lines = 3;# 複数行フィールドの行数 |
| |
| @types = ('S', 'M', 'L');# 商品タイプ（サイズ違いなど） |
| |
| #### ファイル名 #### |
| $shop_cgi_name = "shop.cgi";# CGI名 |
| $list_cgi_name = "listS.cgi";# 商品一覧CGI名 |
| $image_cgi_dir = "../../../";# 画像表示用CGIディレクトリ |
| $image_cgi_name = "imageS.cgi";# 画像表示用CGI名 |
| $page_name = "index.html";# プロフィールページ名 |
| |
| # データ関連 |
| $data_dir = "."; |
| $data_file_name = "dataS.txt";# データファイル名 |
| $form_item_file = "form_items.txt";# 入力フォームデータ定義 |
| $field_data = "fields.dat";# 追加フィールドデータ |
| $group_dir = "./category";# カテゴリディレクトリ |
| |
| # テンプレート関連（変更した場合は、実際のファイル・ディレクトリ名も変更してください） |
| $temp_dir = "template";# テンプレートディレクトリ |
| $temp_file = "tempS.html";#プロフィールテンプレート |
| $list_temp_file = "list_temp.html";#一覧テンプレート |
| $form_temp_file = "form_temp.html";#フォームテンプレート |
| $group_temp_file = "category_temp.html";#カテゴリ一覧テンプレート |
| |
| #### 表示 #### |
| $yen = "円"; |
| |
| ############ ２，画像表示 ########### |
| #### 表示 #### |
| $thumb_size = 20;# サムネールのサイズ（1〜99％） |
| $error_image = "error.jpg";# エラー画像ファイル名 |
| $font_name = '';# エラー画像で使用するフォント |
| |
| #### ファイル名 #### |
| $image_dir = "category";# 画像を置くディレクトリ |
| |
| # テンプレート関連（変更した場合は、実際のファイル名も変更してください） |
| $temp_h = 'temp_h.html';# 横長写真用テンプレート |
| $temp_v = 'temp_v.html';# 縦長写真用テンプレート |
| |
シリーズトップ
stdタイプ
インストールガイド
PEタイプ