シングスCGI トップ > シェアウェア >

ショッピングカート OnePage「ShoppingCart OnePage」

設定・設置マニュアル

設定・設置手順

  1. サーバー環境などスクリプト動作条件を確認・ダウンロード
  2. ダウンロードしたファイルを解凍して内容を確認
  3. CGIスクリプトの設定
  4. cartone.cgi (ショッピングカート本体) の設定
  5. index.html (注文・申し込み用htmlファイル) の作成・フォーム設定
  6. thanks.html (注文・申し込み完了htmlファイル) の作成
  7. cartone.temp (テンプレートファイル) の作成・設定
  8. スクリプトの設置
  9. パーミッションの設定
  10. サーバー設定ファイル (.htaccess) の設定
  11. 動作確認
  12. アンインストール方法

1. サーバー環境などスクリプト動作条件を確認・ダウンロード

ご利用するCGIスクリプトの動作条件とお使いのサーバーの環境でご利用になれるか事前にスクリプト動作条件をご確認の上、ダウンロードしてください。

  • サーバーは、UNIX、Free BSD、LinuxなどUNIX系OS を使用しているサーバーに限ります。
  • CGIスクリプトをサーバーに設置することが可能なこと。
  • バージョン5.0 以降の Perl の利用が可能なこと。
  • Perlモジュール「Jcode」「MIME::Base64」が利用可能なこと。
  • メールサーバ「Sendmail」が利用可能なこと。

ご利用のサーバーによっては、CGIスクリプトの利用に関して利用制約や負荷軽減を行っている場合もございます。その場合、CGIスクリプトが動作しない、機能の一部が働かない場合があります。ご利用のサーバー上でのCGIスクリプトの動作保証はしておりませんので、あらかじめご了承ください。

2. ダウンロードしたファイルを解凍して内容を確認

ダウンロードしたZIPファイル「shoppingcart_one.zip」を解凍して、フォルダ「shoppingcart_one」のファイルを確認します。

  • readme_share.html (はじめにお読みください。)
  • cartone.cgi (プログラム本体)
  • cartone.temp (テンプレートファイル)
  • delivery1.dat ... delivery2.dat (送料体系ファイル)
  • daibiki1.dat ... daibiki2.dat (代引手数料体系ファイル)
  • note.dat (備考ファイル)
  • index.html ... index4.html (注文・申し込み用htmlファイル / サンプル)
  • thanks.html (注文・申し込み完了htmlファイル)
  • 0.htaccess (サーバー設定ファイル)

ファイル名の変更は可能です。その場合、該当ファイル名を読み替えて、設定をしてください。

3. CGIスクリプトの設定

CGIスクリプトの初期設定は、各CGIスクリプト等をテキストエディタ等で開いて設定します。

3. cartone.cgi (プログラム本体) の設定

(必須)がある項目、または背景色が■■■の場合は、必須設定項目です。

Perlのパス設定

ファイルを開いて、先頭一行目にPerlのパスがあります。サーバーにあるPerlのパスを確認し、変更が必要な場合、変更してください。

#!/usr/bin/perl (CGIスクリプトの先頭部分)

初期設定

# 送信先・エラー時のメールアドレス(必須)
my $mailTo = '●●●';
# コピー先(CC)のメールアドレス
my $CC = '';
# カーボンコピー先(BCC)のメールアドレス
my $BCC = '';
# Sendmailのパス(変更が必要な場合、変更すること)(必須)
my $sendmail = '●●●';
# メールタイトル(必須)
my $subject = '●●●';
# HTML入出力文字コード (「sjis」Shift_JIS「euc」euc-jp「utf8」utf-8「jis」iso-2022-jp)(必須)
my $charset = 'sjis';
# テンプレートファイルのローカルパス(「/」から始まる絶対パス、あるいは、本プログラム設置場所からの相対パス)(必須)
my $htmlTempFile = 'cartone.temp';
# 送信完了ページURL(「http://」から始まる絶対パス、または相対パス)(必須)
my $thanks = 'thanks.html';
# 法人項目追加 (「1」会社名と役職名の項目追加「0」追加しない、個人向け)
my $corporate = 1;
# 備考ファイルのローカルパス(「/」から始まる絶対パス、あるいは、本プログラム設置場所からの相対パス、空白の場合は、表示なし)(必須)
my $noteFile = 'note.dat';

備考ファイルに備考を入力して申し込みフォームに表示することができます。HTML使用可能

# 会計機能 (「1」有料、会計がある場合「0」無料、資料請求など会計がない場合)(必須)
my $accountFunc = 1;

### 会計がある場合、以下を設定。必須* は、必須設定項目 ###

# 消費税の計算 (会計がある場合、設定。「0」税込み価格「1」税抜き価格)(必須*)
my $taxAccount = 1;
# 消費税率の設定 (消費税の計算が「税抜き価格」の場合、設定)(必須*)
my $taxRate = 0.05;
# お支払い方法 (代引きは必ず「代引き」と入力すること)(必須*)
my @payment = ('代引き', '銀行振込(前払)', '銀行振込(後払)', '郵便振替');

お支払い方法をすべて入力してください。

# お届け方法・配送料金 (一律送料あるいは、都道府県別では送料体系ファイル名を設定。無料は「お届け方法 => 0」)(必須*)
my %delivery = (
'ヤマト運輸 宅急便' => 'delivery1.dat',
'佐川急便' => 'delivery2.dat',
'クロネコメール便' => 250,
'郵送' => 60,
'バイク便' => 0,
);

お届け方法・配送料金の設定は、お届け方法に対して、一律送料の場合はそのまま料金を入力します。都道府県別の料金の場合は送料体系ファイルを作成して、そのファイル名を設定します。
送料体系ファイルには、都道府県名と送料を半角コンマ区切りで入力。詳細は、フォルダにある送料体系ファイルのサンプルを参考してください。

送料体系ファイル入力例

北海道,640
青森県,640
岩手県,640
... (略)
鹿児島県,640
沖縄県,640
# 代引手数料 (お支払い方法に「代引き」がある場合、一律料金あるいは、代引手数料体系ファイル名を設定。無料は「お届け方法 => 0」でも可)
my %daibiki = (
'ヤマト運輸 宅急便' => 'daibiki1.dat',
'佐川急便' => 'daibiki2.dat',
'クロネコメール便' => 0,
'郵送' => 0,
'バイク便' => 0,
);

代引手数料の設定は、お届け方法に対して、一律送料の場合はそのまま料金を入力します。購入金額別の料金の場合は代引手数料体系ファイルを作成して、そのファイル名を設定します。
代引手数料体系ファイルには、購入金額 (以下) と代引手数料を半角コンマ区切りで入力。詳細は、フォルダにある送料体系ファイルのサンプルを参考してください。

代引手数料体系ファイル入力例

10000円未満の購入金額の場合、代引手数料315円
30000円未満の購入金額の場合、代引手数料420円
以下同じ。
最後、購入金額以上の場合は、「+」とその代引手数料を入力。

10000,315
30000,420
100000,630
300000,1050
+,2100
# 割引特典1 - 購入金額(円以上、割引特典がない場合は「0」)(必須*)
my $discount_total = 0;
# 割引特典1 - 割引金額(割引金額あるいは割引率のどちらか一方を設定)
my $discountRate_total = 0;
# 割引特典1 - 割引率(割引金額あるいは割引率のどちらか一方を設定)
my $discountRate_totalPercent = 0;
# 割引特典2 - 購入数量(個以上、割引特典がない場合は「0」)(必須*)
my $discount_volume = 0;
# 割引特典2 - 割引金額(割引金額あるいは割引率のどちらか一方を設定)
my $discountRate_volume = 0;
# 割引特典2 - 割引率(割引金額あるいは割引率のどちらか一方を設定)
my $discountRate_volumePercent = 0;
# 割引特典3 - 送料割引購入金額(円以上、割引特典がない場合は「0」)(必須*)
my $discount_delivery = 0;
# 割引特典3 - 割引購入に適用する送料金額
my $discountPreice_delivery = 0;
# 割引特典4 - 代引手数料割引購入金額(円以上、割引特典がない場合は「0」)(必須*)
my $discount_daibiki = 0;
# 割引特典4 - 割引購入に適用する代引手数料金額 - 代引手数料
my $discountPreice_daibiki = 0;

### 会計がある場合、以上 ###

# お届け日時指定機能 (「0」指定なし「1」指定あり)(必須)
my $deliveryDateFunc = 0;

### お届け日時指定がある場合、以下を設定。必須* は、必須設定項目 ###

# お届け標準日数(注文日から最短お届け日までの日数)(必須*)
my $deliveryDate = 3;

注文日からお届け標準日数を起算した日付からお届け日時を表示します。

# お届け日時期限(最短お届け日から対応可能日数)(必須*)
my $maxDeliveryDate = 7;

### お届け日時指定がある場合、以上 ###

# お届け時間指定 (指定しない場合は、空白)(必須)
my @deliveryTime = ('午前9〜12時', '午後12〜14時', '午後14〜17時', '夕方17〜19時', '夜間19〜21時');

CGIスクリプトを保存してください。
※注意:ファイルを保存する場合は、文字コードを「Shift-JIS」、改行コードを「LF」で保存してください。

5. index.html (注文・申し込み用htmlファイル) の作成・フォーム設定

注文・申し込み用htmlファイルを用意します。または、すでにあるhtmlファイルにフォーム設定します。
注文・申し込み用htmlファイルをあなたのホームページと同じ体裁・デザインに合わせて自由にレイアウトします。そして、ボタンなどフォーム設定をします。注文・申し込み方法は、いろいろなパターンがありますので、サンプルをご参考までにご覧ください。

formタグのaction値にcartone.cgiの設置場所へリンク設定

<form method="post" action="cartone.cgi"> ... </form>

フォーム入力項目の設定

各商品と選択や入力など注文・申し込み用htmlファイルでの選択・入力方式に合わせてそれぞれ設定をします。
* には番号 (商品ごとに「1」からの連番、ページ内では重複不可) を振ってください。

・商品名 [type値 : 任意 / name値 : goods* / value値 : 商品名の設定]
・商品番号 [type値 : 任意 / name値 : no* / value値 : 商品番号の設定]
・料金 [type値 : 任意 / name値 : price* / value値 : 料金の設定 会計がない場合 (無料) は、「0」を設定。]
・数量 [type値 : 任意 / name値 : volume* / value値 : 数量の設定]

(例)
商品名「商品1」商品番号「001」料金「200」円 数量「1」点、
商品名「商品2」商品番号「002」料金「500」円 数量「1」点の場合。

<input type="hidden" name="goods1" value="商品1">
<input type="hidden" name="no1" value="001">
<input type="hidden" name="price1" value="200">
<input type="hidden" name="volume1" value="1">

<input type="hidden" name="goods2" value="商品2">
<input type="hidden" name="no2" value="002">
<input type="hidden" name="price2" value="500">
<input type="hidden" name="volume2" value="1">

送信ボタンの設定

・送信ボタン [type値 : submit / name値 : なし / value値 : ボタンのラベル]

(例)

<input type="submit" value="注文・申し込みへ">

ファイルを保存してください。
※注意:ファイルを保存する場合は、文字コードをプログラムの初期設定にある「HTML入出力文字コードの設定」に合わせて、改行コードを「LF」で保存してください。

6. thanks.html (注文・申し込み完了htmlファイル) の作成

注文・申し込み完了htmlファイルを用意します。
注文・申し込み完了htmlファイルをあなたのホームページと同じ体裁・デザインに合わせて自由にレイアウトします。文面もあなたのホームページにふさわしいものをご用意してください。

ファイルを保存してください。
※注意:ファイルを保存する場合は、文字コードをプログラムの初期設定にある「HTML入出力文字コードの設定」に合わせて、改行コードを「LF」で保存してください。

7. cartone.temp (テンプレートファイル) の作成・設定

テンプレートファイルを用意します。
あなたのホームページと同じ体裁・デザインをテンプレートに組み込むなど自由にレイアウトします。
出力内容を表示するため、テンプレートに置換タグの設定します。また、出力内容にも定義済みのスタイルシートを設定することでデザインできます。
既存のスタイルシートとの調整や出力内容からスタイルシートの設定を工夫して、ホームページの調整をしてください。

置換タグの設定

テンプレートをレイアウトして確保したスペース (<body>タグ内) に <!--CARTBODY--> を挿入します。(出力内容が表示されます。)

スタイルシートの設定

テンプレートファイルに直接、スタイルシートを組み込んだり、または、外部ファイルを作成して設定をします。下記に定義済みのスタイルシートの一覧です。

div.base{} [レイアウト全体 出力部分]
div.base h1{} [見出しの設定]
div.base h2{} [中見出しの設定]
div.base p{} [段落の設定]
div.base span.note{} [備考の設定]
div.base div.note{} [備考の設定]
div.base span.ja{} [文字の設定]
div.base span.red{} [色文字の設定]

div.base table.list{} [注文・申し込み内容全体]
div.base table.list th{} [注文・申し込み内容テーブル]
div.base table.list td{} [注文・申し込み内容テーブル]
div.base table.list td.center{} [注文・申し込み内容テーブル 中央揃え]
div.base table.list td.right{} [注文・申し込み内容 右揃え]
div.base table.list td.account{} [注文・申し込み内容テーブル 小計・合計部分]

div.base table.form{} [注文・申し込み内容フォーム全体]
div.base table.form th{} [注文・申し込み内容フォームテーブル]
div.base table.form td{} [注文・申し込み内容フォームテーブル]
div.base table.form td.submit{} [注文・申し込み内容フォーム ボタン部分]

テンプレートファイルを保存してください。
※注意:ファイルを保存する場合は、文字コードを「Shift-JIS」、改行コードを「LF」で保存してください。

以上、設定完了。

8. スクリプトの設置

FTPソフトなどでサーバーに接続して、CGIスクリプト等を設置してください。
設置例は、一般的な例です。ご利用者のサーバー環境条件、ホームページの構成にあわせて設置してください。

public_html
|- cgi-bin
|    ▼cgi-binなどCGIが動作するところに設置
|    |- shoppingcart_one
|        |- cartone.cgi (プログラム本体)
|        |- cartone.temp (テンプレートファイル)
|        |- delivery1.dat ... delivery2.dat (送料体系ファイル)
|        |- daibiki1.dat ... daibiki2.dat (代引手数料体系ファイル)
|        |- note.dat (備考ファイル)
|        |- .htaccess (サーバー設定ファイル)
|
| ▼設定、設置場所はアクセスできるところならどこでも可能
|- index.html (注文・申し込み用htmlファイル)
|- thanks.html (注文・申し込み完了htmlファイル)

9. パーミッションの設定

パーミッションの設定は、一般的な例です。ご利用者のサーバー環境条件にあわせてFTPソフトなどで設定してください。
分からない場合は、レンタルサーバー (共有サーバー) を契約しているホスティング会社やWebスペースを提供しているプロバイダーにお問い合わせし、ご確認ください。

ファイル・フォルダ名 パーミッション
(other権限)
パーミッション
(owner権限)
FTP転送モード
shoppingcart_one 707 (rwx---rwx) 705 (rwx---r-x) -
cartone.cgi 705 (rwx---r-x)
/ 755 (rwxr-xr-x)
700 (rwx------)
/ 704 (rwx---r--)
アスキー
(テキスト)
cartone.temp 604 (rw----r--)
/ 644 (rw-r--r--)
600 (rw-------) アスキー
(テキスト)
delivery1.dat ... delivery2.dat 604 (rw----r--)
/ 644 (rw-r--r--)
600 (rw-------) アスキー
(テキスト)
daibiki1.dat ... daibiki2.dat 604 (rw----r--)
/ 644 (rw-r--r--)
600 (rw-------) アスキー
(テキスト)
note.dat 604 (rw----r--)
/ 644 (rw-r--r--)
600 (rw-------) アスキー
(テキスト)
index.html 604 (rw----r--)
/ 644 (rw-r--r--)
604 (rw----r--)
/ 644 (rw-r--r--)
アスキー
(テキスト)
thanks.html 604 (rw----r--)
/ 644 (rw-r--r--)
604 (rw----r--)
/ 644 (rw-r--r--)
アスキー
(テキスト)
.htaccess 604 (rw----r--)
/ 644 (rw-r--r--)
600 (rw-------) アスキー
(テキスト)

以上、設置完了。

10. サーバー設定ファイル (.htaccess) の設定

サーバー設定ファイルの設定でテンプレートファイルとデータファイルのアクセス制限をします。

FTPソフトでサーバー設定ファイルのファイル名を「0.htaccess」から「.htaccess」に変更します。

以上、サーバー設定ファイル設定完了。

11. 動作確認

申し込みページにブラウザでアクセスして、動作を確認してください。

以上、動作確認完了。

12. アンインストール方法

注文・申し込み用htmlファイルは、申し込み (フォーム設定) を設定した部分を削除してください。
その他、設置したファイルをすべて削除してください。

以上、アンインストール完了。

サンプルデモを見てみる

概要 | 設定・設置マニュアル | 操作マニュアル | サンプル・ダウンロード | シェアウェア申し込み

著作権表示削除・シェアウェア申し込み - シングスCGIが提供するCGIスクリプトには、html等のブラウザ表示部分に著作権表示があります。著作権表示の削除申請をすることで著作権表示を削除 (非表示) にすることができます。

設定・設置サービス - CGIスクリプトの設置方法がわからない、手間をかけずにCGIスクリプトを活用したいという方に最適。

CGIスクリプトカスタマイズ - シングスCGIが提供するCGIスクリプトを元にご要望の機能を追加開発できます。

ページの先頭へ