oscommerce -...
TRANSCRIPT
-
目錄 第一章 認識osCommerce ..........................................................................................3
1-1 osCommerce是什麼? ....................................................................................3 1-2 osCommerce有哪些功能? ............................................................................4 1-3 osCommerce系統需求 ....................................................................................6
第二章 安裝與設定....................................................................................................7 2-1 AppServ安裝說明 ...........................................................................................7 2-2 安裝oscommerce ..........................................................................................11 2-3 進入前台 ......................................................................................................16 2-4 進入後台 ......................................................................................................18 2-5 網域的設定 ..................................................................................................20 2-6 主機各項設定 ..............................................................................................21
第三章 後台基礎設定..............................................................................................23 3-1 管理員系統 ..................................................................................................23 3-2 系統設定 ......................................................................................................27 3-3 商品目錄 ......................................................................................................35
第四章 後台外掛模組的設定..................................................................................40 4-1 付款模組 ......................................................................................................40 4-2 出貨方式模組 ..............................................................................................45 4-3 訂單總計模組 ..............................................................................................48
第五章 客戶/訂單管理 ..............................................................................................51 5-1 客戶管理 ......................................................................................................51 5-2 訂單管理 ......................................................................................................53
第六章 系統工具......................................................................................................55 6-1 資料庫的備份 ..............................................................................................55 6-2 資料回復 ......................................................................................................57 6-3 廣告總管 ......................................................................................................58 6-4 寄電子郵件 ..................................................................................................61 6-5 電子報總管 ..................................................................................................62 6-6 主機資訊 ......................................................................................................64 6-7 線上客戶 .......................................................................................................65
第七章 前台基礎設定..............................................................................................66 7-1 服務台設定 ..................................................................................................67 7-2 購物車設定 ..................................................................................................68
附錄..............................................................................................................................69 常見問題集..........................................................................................................69 組員心得..............................................................................................................71
2
-
第一章 認識osCommerce
1-1 osCommerce是什麼?
osCommerce 為 Open Source e-Commerce 的縮寫,就字面意義看,很清楚
可以知道它是一個架構在開放原始碼的購物系統。成立於 2000 年三月至今近六
年的時間,這家由德國年輕小子 Harald Ponce de Leon 在 21 歲時所創立的計畫,
吸引了來自各方所組成的團隊,成功地開發了近八千名客戶,透過免費下載安裝
使用的資料庫應用軟體,以提供開放程式碼(Open Source) 所發展的網路商店機
制,並且高度具備保持程式更新的發展潛力,在無形之中,或多或少已經對現行
收費製作網站的產業界造成一些影響。
osCommerce 融入了開放原始碼解決方案(open source solutions),使用強大
的 PHP 網頁描述語言(web ing language)、穩定的 Apache 網頁主機(web server)
以及快速的 MySQL 資料庫主機(database server)為基礎,提供一個完全免費和開
放的購物開發平台。
雖然如此, osCommerce 的運作卻沒有太多限制或特殊需求,它可以安裝
在任何 PHP3、PHP4 的網頁主機,或是任何支援 PHP 和 MySQL 的環境,其
中包括 Linux、Solaris、BSD、Microsoft Windows 等環境,並且讓商店擁有人以
用最少的人力及最低的成本設立、營運以及維護自己的線上購物商店。
以下列出 osCommerce 的優缺點:
優點 缺點 1. 先進的網站技術的運用 2. 簡單且豐富的操作介面 3. 高度的客製和開發的彈性 4. 程式架構淺顯易懂上手容易 5. 自行修改難度低
1. 不完全適合台灣的使用習慣 2. 基本功能太少需自行增加 3. 註冊、登入、忘記密碼驗證方式太
簡單
3
-
1-2 osCommerce有哪些功能?
osCommerce 的架構:
osCommerce
前台(顧客) 後台(管理階層)
完成
登入會員
編輯帳戶
出貨資訊
購物
確認
付款資訊
交易流程 商品目錄
確認訂單
等待處理
訂單處理中
完成出貨
商品上架
前台設定
設定商品屬性
4
-
osCommerce 的功能:
一般 前台 後台
˙PHP3/PHP4 相容
˙安裝容易、可立即使用
˙模組化
˙多國語系:英文、德文、
西班牙文以及世界各國
自製的語系。
˙客戶會員功能
˙客戶通訊錄
˙訂單紀錄
˙提供暫存和永久購物車
˙產品及製造商搜尋功能
˙提供客戶評論商品
˙電子郵件通知功能
˙簡潔的結帳手續
˙可使用 SSL 安全機制
˙可顯示每一商品目錄內
的商品數量
˙最佳銷售列表
˙可顯示其他客戶購買商
品(建議購買清單)
˙友善的操作介面
˙可新增/編輯/移除 商品
分類、商品、製造商、
客戶和商品評論
˙多層目錄結構
˙商品和客戶統計資料
˙動態商品屬性
˙提供稅區、稅別及稅率
設定
˙可遠端編輯資料庫內之
設定參數值
˙前後台可置於不同主機
˙提供付款及運送模組
˙可自訂商品排序及列表
方式
˙提供備份工具
5
-
1-3 osCommerce系統需求
▲網際網路(Internet)
osCommerce 是建構在 Internet 上的線上購物系統,因此跟 Internet 所提供的服務
息息相關,包含全球資訊網、電子郵件、遠端登入、IP 位址、網域名稱、連線
的選擇等。
▲網頁伺服器(Web server)
是提供WWW服務的主機,Internet 上最常見的網頁主機以 Apache 最多,Apache
是一個開放源碼,安全性高及高效率的網頁伺服器,可以安裝在任何 Unix like
的主機或微軟的 windows 作業平台。
▲程式語言(PHP-Hypertext Preprocessor)
是一種 HTML 嵌入式的語言,與微軟 ASP 的類似,都是一種在伺服器端執行的
語言,語言風格有點像 C 語言,獨特的語法混合了 C、Java、Perl 以及自己創新
的語法。具有免費開放式原始碼、在伺服器端執行、跨平台、簡單的語言、效率
高、圖形處理等特性。
▲資料庫(MySQL)
是一種跨平台、多使用者、多執行端、支援 SQL 語言(結構化查詢語言)、執行
速度快以及網際網路中大量被採用的免費資料庫系統。
▲MySQL 管理工具(phpMyAdmin)
一套以 PHP 程式撰寫,專門為 PHP 所開發的管理工具,特色包含開放源碼、使
用瀏覽器介面、支援 PHP5、MySQL4.1 及 MySQL5.0。
6
-
第二章 安裝與設定
2-1 AppServ安裝說明
在使用 oscommerce 之前,我們必須具備一個 web 伺服器,去運作 oscommerce。
Appserv 是一個安裝套件,它包含:
˙Apache Web Server Version 2.2.4
˙PHP Script Language Version 5.2.1
˙MySQL Database Version 5.0.27
˙phpMyAdmin Database Manager Version 2.9.2
能協助我們在windows下建立一個webserver的環境。
官方首頁連結及下載:http://www.appservnetwork.com/?modules=&applang=tw
下載完之後,跟著安裝程序如下,此範例為 AppServ2.5.8 版本
7
http://www.appservnetwork.com/?modules=&applang=tw
-
此頁面顯示欲安裝的套件:全部打勾。
選擇安裝的位置,預設為 C:\AppServ
8
-
Server Name:輸入伺服器名稱,localhost 代表以本機為伺服器,如果是
以購買坊間的主機伺服器,則輸入業者提供的主機位址。
Administrator’s Email Address:輸入系統管理員的電子郵件位址,伺服器
若有問題系統會自動回報至此信箱。
9
-
設定 MySQL 資料庫的登入密碼,預設帳號為 root。
安裝完成並啟動Appache及MySQL後,必須開啟瀏覽器,輸入http://localhost/後
出現以下畫面,即表示安裝成功。
10
http://localhost/
-
2-2 安裝oscommerce
安裝完 appserv 之後,便可以開始安裝 oscommerce。
前往官方下載頁面:
http://osc.kmd.com.tw/modules.php?name=Downloads&d_op=viewdownload&cid=2
下載檔案並解壓縮到剛安裝 appserv 的 C:\appserv\www 裡,資料夾名稱為
catalog,注意!資料夾必須命名為「catalog」,否則路徑將造成錯誤而無法安裝。
在安裝 osCommerce 之前,我們先來看看 osCommerce 的檔案結構,大致可
以分為三個部分:『前台(catalog)』、『後台(admin)』與『安裝(install)』。然後開啟
瀏覽器輸入:http:\\localhost\phpmyadmin 便可以進入主機裏的 MySQL 資料庫,
在 MySQL 資料庫內進行安裝。
輸入預設的帳號:root,密碼則為當初安裝 AppServ 時所設的密碼,如下圖。
*PhpMyAdmin 可以用來新增或刪除資料庫、資料表、執行任何 SQL 語法敘述、
以及設定欄位鍵值。
11
http://osc.kmd.com.tw/modules.php?name=Downloads&d_op=viewdownload&cid=2
-
進入 PhpMyAdmin 後,在建立新資料庫欄位輸入欲新增資料庫的名稱 ex:
oscommerce,並按下建立。
接下來開啟http://localhost/catalog/install/install網頁進行osCommerce的安
裝:
第一次安裝設定時,勾選「安裝資料庫及商店與商品資料」可以選擇是否
安裝商店預設的商品資料庫,通常第一次安裝都要選取,如果是手動匯入資料
庫,像是:phpmyadmin 則可以不必勾選。而「儲存設定值」會在安裝過程中產生
前台和後台的設定檔,一般不勾選此選項的多為進行手動安裝的進階使用者。
12
http://localhost/catalog/install/install
-
接著輸入主機資訊。
資料庫主機
一般這裡全部都是填 localhost 是因為我們將網頁主機和資料庫主機都
建立在同一個主機電腦上,只有極少數網頁主機與資料庫主機不在同
一台機器時,才須填資料庫主機的網域名稱或 IP 位址。
使用者名稱 連接資料庫主機的使用者名稱,此使用者至少必須擁有新增及刪除資
料表的權限。如 Windows 的預設值為 root。
密 碼 資料庫使用者密碼。
資料庫名稱 OSC 所使用的資料庫名稱,可自己設定資料庫名稱,安裝時會自動新
增。
保 持
連 線
這個選項是 mysql server 上 connect 與 p connect 的問題,雖然 p connect
效率較好,但是連線人數超過限制時會造成 mysql server 無法正常運
作,所以預設的是 connect,也就是不啟動。
Session
儲存於
選擇檔案就必須在設定檔內定義儲存的目錄及路徑且必須在主機該路
徑下建立該目錄。若選 mysql,則 session 會存入資料庫。
13
-
當帳號密碼輸入正確後,會出現已成功連結到資料庫,接著按下「繼續」。
為資料庫匯入成功的畫面,表示設定好的資料已經匯入資料庫內。
再次檢查資料庫主機的設定值,是由安裝程式自己產生,通常不需修改。
14
-
網 頁 位 址 輸入客戶透過瀏覽器連結購物網站的完整網址,如果是測試主機則
不需更改。
網頁根目錄 輸入購物網站放置在主機中的實際路徑,測試主機則不需更改。
HTTP Cookie
網域 輸入購物網站的網域名稱位置,如果是測試主機則不需更改。
HTTP Cookie
路徑 輸入 Cookie 的路徑位置,保持預設值即可。
啟動 SSL
連線
選擇是否啟動 SSL 加密服務,在測試階段中建議您不要啟動,否則
可能會導致購物商店網頁無法開啟。
接下來所出現的畫面僅是讓您再次檢查主機資料是否正確,一般不需做任
何修改,請按『繼續』鈕繼續下一安裝步驟。
顯示所有安裝已完成,就可以前往前台或後台編輯了。
『前台』是指客戶透過瀏覽器連線至購物網站的網頁內容。
『後台管理工具』是購物網站的管理者要讓商品上架、出貨…等設定的系統,通
常是給系統管理員登入使用。
15
-
2-3 進入前台
前台的顯示頁面:
出現警告!通常在安裝完成後,前後台仍有一些安全的議題必須做以下的調整。
警告 1:安裝目錄仍然存在:[WebRoot]/catalog/install 基於安全的理由,請將這
個目錄移除。
依照警告所示,必須在 C:\appserv\www\catalog 裡面將 install 這個資料夾移除。
警告 2:設定檔允許被寫入: [WebRoot]/catalog/includes/configure.php 這將具有潛
在的系統安全風險-請將檔案設定為正確的使用權限。
將 C:\appserv\www\catalo\includes\configure.php 設定成唯讀。configure.php 代
表前台的網頁編輯原始碼,設定成唯讀是為了防止其他惡意的程式的入侵與修
改。
警告 3:sessions 資料夾不存在:/tmp.在這個目錄未建立之前 sessions 無法正常
動作。
16
-
因為之前安裝時我們選擇將 session 儲存於檔案,所以要新增 c:\tmp 資料夾。
重新整理頁面之後,正常的前台網頁顯示如下。
17
-
2-4 進入後台
回到剛剛選擇前後台的視窗點選進入後台,或者是在瀏覽器中輸入網址:
http://localhost/catalog/admin 便出現以下的登入畫面。預設帳號為:
admin@localhost,密碼:admin。
注意!若是出現錯誤網頁訊息,有可能是 php 版本不同的問題所造成, 因
此我們必須修改 C:/appserv/catalog/admin/includes/classes/upload.php upload.php
檔, 利用[Control]+[F]尋找功能在大約第 33 行找到『$this = null;』修改成為
『unset($this);』,再重新整理頁面,便能進入後台的選單畫面。
18
http://localhost/catalog/admin
-
Oscommerce 後台畫面,藉由選擇動作,可以做資料庫的管理或修改。
19
-
2-5 網域的設定
別人要如何進入你的網站?首先必須要有一個網域名稱,通常最簡單的方
法就是輸入網頁伺服器主機的固定 IP 位址,別人就可以進入,或者沒有固定 ip
位址也可以利用浮動 IP 去申請動態 DNS 網域,以下是 NO-IP 免費網域申請的教
學。
NO-IP.COM是一個免費申請的服務,只要加入會員便能申請開戶。連線至
http://www.no-ip.com/,若第一次使用請註冊會員,便能開始進行申請步驟。
1. 登入會員,點選畫面左上方「Add」。
2. 依照指示,NO-IP 會自動搜尋你所有的浮動 IP,去連結所設定的網域名稱,
所以只需要輸入想設定的帳號及域名設定即可。
3. 出現以下畫面及表示所申請的網域名稱已成功的對應到 IP 位址。
20
http://www.no-ip.com/
-
2-6 主機各項設定
2-6-1 解決信件傳送問題
由於 oscommerce 安裝完成後寄信系統預設為 unix-like 的 sendmail,所以
windows 環境下的使用者會無法寄出通知信,因此,必須須改兩個地方讓
oscommerce 在 windows 的環境下也可以寄信。
以編輯器開啟 php.ini:開始 程式集 AppServ Configuration Server PHP Edit
the php.ini Configuration File
找到下列項目並做修改: [mail function]
; For Win 32 Only.
SMTP = localhost 改為 ISP 的 SMTP Server,這裡以中華電信 msa.hinet.net 為例。
; For Win 32 Only.
sendmail_from = [email protected] 更改為自己的信箱;ex: [email protected]
修改後存檔並重新啟動 web server(Apache)。
*一但只要有更改到 php.ini 裡的設定,都必須重新啟動 web server(Apache),設定才會改變。
接著登入[後台/系統設定/電子郵件選項/電子郵件寄信方式]將內容修改為 smtp
後按「更新」就完成了。
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
更改其他在 php.ini 裡的設定:
;;;;;;;;;;;;;;;;;;;;;;;
; File Uploads ;
;;;;;;;;;;;;;;;;;;;;;;;
; Whether to allow HTTP file uploads.
file_uploads = On 如為『off』請修改成『on』,這是啟動檔案的上傳功能。
往下可以看到:
; Maximum allowed size for uploaded files.
upload_max_filesize = 2M 將其右邊的2M改成20M或其他適當的大小。這是改變上
傳檔案大小的上限。
21
mailto:[email protected]
-
;;;;;;;;;;;;;;;;;;;;;;;;;;;
; Fopen wrappers ;
;;;;;;;;;;;;;;;;;;;;;;;;;;;
; Default timeout for socket based streams (seconds)
default_socket_timeout = 60 改成1000或其他適當大小,這是設定檔案上傳的時限,
當檔案較大或網路較壅塞時,如果時限設得太短,可能會造成上傳一半就被破終
止,導致上傳失敗。
2-6-2 httpd 的設定
httpd 位於 C:\AppServ\Apache2.2\conf\ 裡面,它代表我們所要呈現給顧客的網頁
的原始檔。
用編輯器開啟 httpd,找到
ServerAdmin 設定此 web 站管理者的 E-mail位址,在系統發生錯誤時,方便與管
理者聯絡
# 前面加#表示註解,不會影響設定。
# ServerName gives the name and port that the server uses to identify itself.
# This can often be determined automatically, but we recommend you specify
# it explicitly to prevent problems during startup.
#
# If your host doesn't have a registered DNS name, enter its IP address here.
ServerName localhost:80 將localhost改成你的網域名稱或是IP位址:80代表連結
阜,不需更改。
#
# DocumentRoot: The directory out of which you will serve your
# documents. By default, all requests are taken from this directory, but
# symbolic links and aliases may be used to point to other locations.
#
DocumentRoot "C:/AppServ/www" 網頁存放的目錄位址
更改完成儲存,記得要重新啟動 Appache,設定才會生效。
22
-
第三章 後台基礎設定
3-1 管理員系統
3-1-1 [管理員的登入]
接下來,我們進入了管理員的系統管理。
首先,我們按照系統的預設帳號進入後台的管理系統後,由於第一次登入,
系統會提示你更改帳號密碼防止其他人登入修改。
開始進行更改管理員密碼以及帳號的動作。
輸入預設的密碼【admin】然後按【確認】鈕輸入英文姓名、中文姓名、電
子郵件以及密碼;然後按【存檔】即完成設定管理者登入後台系統的資料。
完成設定管理者登入後台系統的資料之後,osCommerce 會自動依據您所輸
入的電子郵件位址,寄發主旨為『新管理會員』的郵件給您。
23
-
請重新連結回後台登入畫面,由於我們已經修改了管理者登入後台系統的
資料,因此必須輸入新設定的電子郵件與密碼,才可以登入。
3-1-2 [忘記密碼?]
如果忘了登入後台管理系統的密碼,您可利用英文姓名和電子郵件帳號的
資料,讓 osCommerce 再寄發一組新密碼給您。
在登入畫面中點選『忘記密碼』的選項,然後出現『英文名字』、『電子郵
件』的欄位並輸入,如下圖:
24
-
按確認之後,會出現新密碼以寄到電子信箱的訊息,
接著只要到電子信箱裡去收信,他會產生一組新的密碼給你登入用,之後
再依照喜好更改為自己好記的密碼即可。
25
-
3-1-3 [新增管理員]
osCommerce 系統本身在預設的狀態下有兩個管理群組,分別是『高階管理』
與『行銷部門』。『高階管理』群組擁有最高階的權限,因此在這群組裡面的管理
員都可以自由編輯系統的任何服務機制,以及新增不同權限的管理群組。至於『行
銷部門』群組在預設下是沒有任何權限的,必須依靠『高階管理』群組中的管理,
給予相當權限的設定。
若想要修改管理群組名稱時,請先登入後台管理系統,點按『管理員系統』
服務機制:
點選管理群組,出現的畫面如下:
根據所想要做的選擇你的動作:
設定檔案權限:定義權限
編輯:編輯群組名稱
移除:刪除群組
若要新增管理員,回到管理員群組,點選新增管理員,便可新增管理員的
名稱、電子郵件。當新增一個網站管理員後,osCommerce 會寄發一封主旨為『新
管理會員』之郵件給新的管理成員,裡面的內容會有一組登入後台管理系統的密
碼(系統自設),而新的管理成員可能使用此密碼來進行登入。
26
-
3-2 系統設定
我們可以看到系統設定下,有許多個子目錄等著我們去設定,在這邊我們
選擇幾個較為重要的來作說明。
3-2-1 [我的商店]
進去之後,有很多個選項資料,可以依據個人的需求做修改,只要點選想
要修改的欄位,它的右邊便會出現一個包含編輯選項的小框,它會提示你應該如
何做。
接下來開始設定管理員的姓名、商店名稱、電子信箱以及密碼的確認後,
便完成了基本的資料設定。
商店名稱:設定商店的名稱,設定完成後,這個名稱就會是瀏覽器抬頭以及寄給
使用者的信件名稱。如下圖紅框處,原本是 osCommerce 變成了我們設定的 e buy。
27
-
商店擁有人:也就是店長,供客戶聯絡店長時使用。
電子郵件:也是供客戶聯絡店長時使用。
地區:設定商店的所在地區
3-2-2 [最小值以及最大值的設定]
在客戶的資料中,可以先預設最小值或最大值。
最小值的設定是用來限制站內某些變數的最少字數,通常是用在客戶輸入
自身資料的時候,例如:客戶的姓名、生日、電話號碼…等。若是客戶輸入的資
料少於設定值的話,系統便會自己發出警告,不允許客戶寫入資料庫。
28
-
最大值的設定功能限制大部分是跟前台顯示的商品數量有關。
通訊錄筆數:每位顧客擁有通訊錄的最大筆數。
搜尋結果:搜尋產品結果每頁列表最大數,超過即自動分頁。
網頁最大連結數:每一網頁可連結最大數目。
特價商品:每頁可顯示特價商品數,超過設定值則自動分頁。
新上市商品模組:首頁新上市商品區塊內顯示之最大商品數,不自動分頁,例如,
該值設 5 則會出現 5 個新上市商品。
商品上市預告:首頁商品上市預告區塊內最大顯示數,與新上市商品模組相同不
自動分頁,只顯示該設定值數目。
製造廠商列表:設定廠商列表的顯示方式,若廠商數超過此值,則會以下拉式選
單方式顯示,預設值為 0 代表全部以下拉式選單顯示。
29
-
製造廠商選取格式:設定製造廠商區塊內的下拉式選單列高,若值為 1 則顯示一
列高的下拉式選單。若設定為 3,則顯示 3 列高的下拉式選單,若因上述[製造廠
商列表]設定而無下拉式選單時則此設定無效。
3-2-3 [圖片]
設定站內所有圖片的相關參數,如高度、寬度及是否顯示等,單位則以畫
素計算。特別注意的是:由於商品圖片所顯示的縮圖是以這裡的設定值使用
HTML 語法縮小,因此,雖然前台顯示小圖,但實際卻仍是大圖的圖檔大小,因
此在設計商品圖片時,必須將圖檔大小納入考慮,以免影響流量。
3-2-4 [客戶帳號資訊]
這裡所需要的是跟客戶在註冊時所要填寫的資料有關。
「ture」表示必須輸入;「false」表示不必輸入,根據您所想要了解的客戶
資料,強制客戶必須填入。
由於客戶的性別、生日以及居住地點以後可以供我們做行銷的參考,因此
我們在這個地方選取了「ture」。
30
-
3-2-5 [模組選項]
這邊的模組選項是系統的自動安裝後紀錄,所以不用更動。
3-2-6 [運送與包裝]
出貨國:選擇商店所在的國家和郵遞區號。
輸入運送包裝的最大重量:設定每一包裝的最大重量,在運送模組中計算運費。
31
-
3-2-7 [商品列表]
在設定商品列表這個步驟,其欄位主要是選擇是否顯示或排列順序。0代
表不顯示,每列可以設定1~8欄位,數字越小者排列在越左邊。這邊所設定的
數字欄位,完成後在前台所顯示出來的便會依照排序(1~8)顯示欄位。
32
-
3-2-8 [庫存]
檢查庫存量水準:若設為「ture」當庫存量小於訂單數量時,系統會顯示出
庫存不足的提示,來提醒消費者是否繼續完成結帳手續。
缺貨標示:設定缺貨時,產品數量內所會顯示的字眼。例如:下次請早。
3-2-9 [登入]
33
-
設定是否儲存每頁解析時間。
3-2-10 [電子郵件選項]
電子郵件的寄件方式:一般來說,unix-like 設為『sendmail』,因為我們使用的是
windows 作業系統,故選取『smtp』。而選取後則必須修改 php.ini 內的內容,我
們已在 2-6 中 php.ini 的設定中討論過。
電子郵件換行:設定電子郵件換行字元,預設為『LF』。
使用 MIME HTML 格式
34
-
3-3 商品目錄
其主要功能是將要銷售的商品分類管理並且顯示於前台供消費者瀏覽,包
含目錄及商品的新增、修改、移動或刪除。
3-3-1 [新增商品分類與新增商品]
在新增商品前,必須先準備好商品圖片以及商品的文字描述,最好能夠連
分類的圖片及架構都先準備好。在開始上架前,我們先準備一張大小約 400*300
像素的商品圖片和約 100*100 像素的商品分類圖片。但要注意,圖片不是越大越
好喔!越大會影響網路頻寬,需要仔細評估。
假設我們現在要新增一個商品分類(書刊),方便日後上架商品時,商品的所
在位子。點選新增商品分類,在右邊欄位輸入分類名稱以及指定目錄圖片的路
徑。完成一個新的商品分類後,此時,除了後台多了一個商品分類外,從前台來
看,也可以看到商品分類區塊中多出了一個商品分類的目錄。
35
-
完成了新的商品分類後,我們開始新增商品,準備將商品上架。
在欲新增商品的分類目錄中點選新增商品,便出現以下畫面:
在台灣國旗後面輸入新商品資料,依商品資料輸入,完成後可按「預覽」插入。
36
-
這是預覽所產生的畫面。經由我們前面的步驟完成後,所產生的便是客戶在前台
所看到的格式。
3-3-2 [商品評論]
osConmmerce 前台提供消費者對某一項商品提出評論或意見,因此這裡就是管理
者或店長維護消費者所寫商品評論的管理頁面,店長有權利對消費者所寫的評論
給予適當的修飾、刪除。
3-3-3 [特價商品]
「特價商品」是零售百貨業或其他買賣業進行商品銷售的手段,不管是為
了出清存貨,或是藉著薄利多銷的方法來以量取勝,只要是將商品以低於平日售
價的方式售出,就能夠吸引人潮上門,增加買氣。零售百貨業通常會在各種節慶
37
-
或特殊日子舉辦商品促銷活動,網路商店也必須常常舉辦特價商品促銷活動,讓
網友或顧客隋時能獲得意想不到的特惠,吸引他們再度光臨及購買,這是經營網
路商店所必須具備的現象。
osCommerce 在商品促銷的作法是提供「特價商品」的功能,網站管理員可
藉此功能設定某件商品在一定的期間內,以較低的價格出售,同時也將「特價商
品」放在網路商品的首頁,讓網友可以很容易的看到該類商品。
點選「商品目錄」下的特價商品選項設定特價商品,直接點選新增商品,就可以
新增你想要促銷、優惠給客戶的商品資料。如圖,您可以選擇商品、設定特價的
價格、還有特價的結束時間,之後按插入即可。
3-3-4 商品預告
商品預告也是一項貼心的設計,當某項商品預計未來幾天上市或到貨時,你就可
以利用這個功能將商品提早上架,並開始接受消費者預購。
商品預告新增的方式和商品上架完全相同,在商品上架時,不選擇商品上架日
期,系統會自動設為當天的日期,代表立刻上架且可以出貨的狀態。
38
-
圖為商品預告設定完成,前台的顯示畫面。
39
-
第四章 後台外掛模組的設定
本章要介紹的是外掛模組的設定,這項設定可以支援當消費者購買物品時
進行交易的便利性。這個當然是由管理員依本身需求來決定。點選外掛模組你會
發現以下有三個子選單:付款方式、出貨方式及訂單總計,如下圖。
4-1 付款模組
既然架設了購物網站,當然必須設定顧客購買後,接下來的付款、送貨方式。而
osCommerce 也具備了多種預設付款模組,能讓顧客因為付款方式便利而決定訂
購,讓顧客可以選擇自己喜愛的方式付款。
點選付款方式之後便進入到付款方式模組當中,接下來我們會看到許許多多的功
能,在這裡以幾個國內常見的機制說明。
40
-
4-1-1 [ATM自動櫃員機轉帳]
我們將游標移到ATM自動櫃員機轉帳按下左邊的安裝,表示欲使用這項
模組,接著便出現編輯欄框,便得以開始更改其條件,譬如預設為台灣銀行,但
我們用的是富邦銀行,就將我們的銀行和銀行代碼填入並填上順序,完成後按更
新即可!
*模組內的顯示順序為0代表已安裝如果未顯示數字代表還未安裝
*數字越小則排在越上面唷!我們可以個人的需求來改變順序!(如圖示)
41
-
4-1-2 [銀行匯款]
再來是銀行匯款,如同剛剛一樣簡單,更改預設的戶名、帳號,按更新即
可(如圖示)。
4-1-3 [貨到付款]
貨到付款是某些消費者較有信心的選擇,操作方式也非常簡單,也提供了
消費者更多選擇!
4-1-4 [自取付現]
如果您的消費者還是不放心,沒關係,自取付現是另一種選擇方式可提供消
費者百分之百的保障!記得要按編輯,輸入你的店址(前提是必須要有店址唷)
42
-
聯絡電話,按下更新,也讓你的消費者百分百的放心!我們的好處是:等消費者
上門就好不用特別的處理呢!
4-1-5 [郵政劃撥]
郵政劃撥如同銀行匯款,若你有郵局的帳號儘管申請吧,不申請白不申請
唷!
43
-
4-1-6 iepay方便付
由思遠資訊有限股份公司所提供的多重金流系統,有線上刷卡等等,相當的
好用!
44
-
4-2 出貨方式模組
接下來進入到出貨方式模組的設定囉!
一樣的在外掛系統中選出貨方式(如下圖中左邊顯示),我們可以看到許許
多多的功能,首先以宅配通做個說明:
4-2-1 [宅配通]
按下編輯更改當今標準的運費,消費者將會看到他如果選擇了宅配通,他該
付出多少的運費(如圖示)!
45
-
4-2-2 [單件運費]
若消費者購買一件以上的商品時,總運費=單件運費*商品件數!
4-2-3 [收費表]
按照商品的重量或金額多寡按錶收費,是收費表模組的功用,可以下載最
今的收費表或自訂在更改!
4-2-4 [依地區計費]
可設定一個包含多國地區的列表,凡是運送到該國家的運費都照表計算(但
前提是您必須要先設計出一套收費方式唷)。
46
-
當上述模組都設定完成了後,消費者的結帳畫面應該如下圖,看到這圖就
表示你成功了唷!已經可以成功結帳了,不然再接再厲看看哪邊出了錯!
*如果想要更改顯示順序回到後台更新模組的順序便可!
47
-
4-3 訂單總計模組
接下來回到外掛模組,選擇訂單總計模組,我們要開始設定訂單總計的部
份!
4-3-1 [單筆訂單價格過低處理費]
當單筆訂單價格過低時,如你有設定單筆訂單價格過低處理費,則可以幫
你決定是否要加收處理費用,除此之外還可以適用於國內和國外的差異上是否加
收處理費唷!
4-3-2 [運送費用]
啟動此模組前台結帳時會計算出運送費用為何,若想要設定大於某一金額以
上免運的話,在此模組中也可以輕易辦到唷! (至於免運費的設定也可以有國內外
之分唷)!
48
-
4-3-3 [小計]
幫消費者做個購買金額小計!
4-3-3 [稅和總計]
設定是否顯示稅金和總計的部份!(如下兩張圖)
49
-
當所有的外掛模組設定完畢的時候,結帳著前台的畫面應該如下圖所示!
當你看到這圖的時候恭喜您,您已經成功交易了!
當然如同前面所提,若你想更改順序的話 可以回到後台更改順序(使用數字
越小越前面唷)
50
-
第五章 客戶/訂單管理
經營ㄧ個購物網站,少不了的就是必須要有客戶的聯絡資料及訂單才能進
行交易,當客戶加入會員填寫基本資料後才能下訂單,而我們可以根據客戶留下
的連絡方式,與他進行交易的確認,或者有時候也可以利用這個功能和客戶互動
了解目前有多少客戶好進行銷售的動作。
5-1 客戶管理
接下來完成外掛部份之後,我們要開始做客戶和訂單方面的管理,進入客
戶管理畫面之後,中間區塊會顯示你所有的客戶,右邊則是客戶的管理功能(可
以看到如圖中)王小美和 john 是我們目前 e buy 的客戶,我們可以對他們的權限
有:編輯、刪除、訂單、電子郵件!
[編輯]
管理消費者的資料,如通訊地址、電話、個人資料及選項四個大項。如果
要修改,直接將新資料輸入至想要修改的項目即可。但不要忘了按更新鈕。不過
由於資料源自於消費者的提供,所以不建議管理者做太多的修改。
[移除]
如果遇到傲客或是行為不當的客戶,這時候你就有權利將他刪除,或有客
戶資料錯誤或者很久沒登入使用帳號者,可以藉此刪除客戶資料。
[訂單]
列出客戶的歷史訂單紀錄,當選取某ㄧ筆訂單記錄會進入訂單處理畫面。
51
-
[電子郵件]
可直接進入電子郵件編輯畫面,編寫郵件給該客戶。
網路交易最普遍的溝通就是藉由電子郵件來溝通買賣雙方,您可寄送電子
郵件給您所屬的客戶(如圖)。當你選取寄送 email 給客戶時,系統會自動跳到:
後台 系統工具 寄送電子郵件內。
[搜尋]
在客戶摘要資料操作介面有-搜尋的功能,商店管理者可以在此輸入會員名
稱,系統會幫助我們找出符合搜尋條件的會員資料。
52
-
5-2 訂單管理
訂單管理畫面,可檢視全部訂單、搜尋訂單編號或以訂單狀態過濾。和客
戶管理相同的是,我們ㄧ樣可以點選訂單對它進行編輯、移除、列印收據、分裝
列印。
[搜尋訂單]
在每一個訂單中,系統都會自動產生訂單序號。在消費者購物完後,網路
商店都會寄一封電子郵件給消費者,在內文中,也會附上訂單序號。因此,如果
消費者對商品上有任何的問題或疑問,可藉由客服專線或電子郵件,告知網路商
店的管理者,藉由訂單序號的搜尋,減少尋找每一筆資料的時間。
如下圖示範我們可以看到訂單序號為的 2 約翰有一筆訂單資料目前是等待
處理中。
接下來我們談到訂單處理的部份:這部份就是我們對客戶訂單所要做的回
應及管理。
[訂單編輯]
選取客戶訂單資料案下編輯,便可以跳到訂單編輯畫面,可在此中回應客
戶讓客戶知道你想給的訊息。如以下畫面編輯訂單,傳達訊息給客戶!
53
-
[收據列印、分裝列印]
可供列印收據給客戶。
當客戶登入我的帳戶可以檢視訂單來獲知他的貨品處理的如何,以及檢視
訂單資訊。
54
-
第六章 系統工具
6-1 資料庫的備份
爲了避免重要的資料在不預期的狀況下損毀,我們必須設定資料庫的備
份。首先,進入後台的系統工具,選擇資料備份,接著出現如圖畫面,之後按下
備份鈕。
在這裡我們是將資料庫備份的檔案直接儲存於網頁主機,所以直接按下『備
份』鈕即可。
選擇存檔方式,可使用 SQL 或 gzip 壓縮檔備份,若要使用下載到本機硬碟
的方式,請在『只用下載』選項打勾後再按備份鈕,便會出現下載檔案的畫面,
選擇儲存的位址後完成畫面如下,我們可以看到在視窗的上方會出現一條綠色的
標題,顯示資料庫以儲存,另外在原本檔案備份的欄位,也多出了一個檔案。
55
-
56
-
6-2 資料回復
因備份是以儲存在主機的方式,所以回覆也得使用相同的方式,可在中間
的畫面中選擇我們所要回覆的備份檔案,然後按下『回覆』鈕。
57
-
6-3 廣告總管
廣告總管可用來新增商店的橫幅廣告、瀏覽統計廣告的播放次數還有被瀏
覽次數等,可以藉此來促銷店內的商品,或是與友站增加互動,吸引新顧客,一
般來說 OSC 的橫幅廣告是置於前台網頁的頁角底部,如下圖紅框所示。
首先我們看到右邊區塊的條狀圖,是統計最近三天的被瀏覽數(藍色)與
被點擊數(紅色),若想進ㄧ步看更詳細的統計資料,可以選擇中間區塊廣告的
欄位點入,便可以依據年月日來觀看各項統計圖表。
58
-
上圖即為統計廣告的瀏覽次數和被瀏覽次數,可藉此明白消費者是否有注
意公司的宣傳手法並可由結果去改進。
我們也可自行新增新的廣告,首先,進入後台/系統工具/廣告總管/,接著按
下『新增廣告』紐,然後進行編輯。
範例中的廣告名稱為YAHOO,接著填入廣告聯結,也就是鍵入網址
http://tw.yahoo.com/,也可以在圖片欄選擇所要顯示的圖片,接著按『插入』鈕。
完成之後回到橫幅廣告總管頁面,ㄧ樣在視窗上方會出現提示說明廣告已經加
入,我們也可以看到中間廣告數量也多了一個 yahoo 奇摩的檔案。
59
http://tw.yahoo.com/
-
接著我們看到前台,便可以發現原本的 osCommerce 預設的廣告圖片已變成
我們所設定的 yahoo 奇摩廣告,游標只要移動到圖上按下連結,即可連結到
YAHOO 奇摩。
60
-
6-4 寄電子郵件
可以讓網站經營人寫信給客戶或是其他寄件人(所有訂閱電子報客戶、全部
客戶……等),就像一般的寄信格式,填寫信件主題和內容,這項功能可讓客戶
與商家間保持互動,或是經由客戶那邊得到建議與應該改善的地方。
61
-
6-5 電子報總管
可經由電子報告之店內的相關資訊、近期內的消息與特殊節日的促銷活動
等,提共顧客多樣化的選擇和商品資訊,吸引顧客上門。電子報名稱看商家的喜
好可自由設定主圖和內容。
[新增電子報]
進入新增頁面後,不難發現其實他和寄電子郵件相似,我們必須選擇電子
報的模組,設定電子報的名稱,還有寫入豐富且吸引客戶的精采內容,告訴客戶
本期有什麼商品新訊。
模組:選擇 newsletter 代表電子報,product_notification 代表商品通知。
下圖的範例是我們在電子報總管的內容中打入想要告知顧客地資訊,如圖
所示「e buy 購物網製即日起新增阿宅系列商品,限量供應,預購者請上
http://220.235.36.44/catalog/」。電子報的內容不限,也是抓住顧客眼光的方法之一。
62
http://220.235.36.44/catalog/
-
若是在預覽先前所設定的電子報沒有問題後,回到電子報總管,看到’狀態
的地方有ㄧ個像鎖開著的圖示,請按『鎖定』將該電子報上鎖,之後會出現右邊
方格功能(編輯、移除、預覽、送出、解鎖),這是之後可以對這個已儲存的電
子報所做的變更。
63
-
6-6 主機資訊
顯示購物網站架設的使用軟體資訊,有些主機供應商會把部分資訊隱藏,僅供參
考。
64
-
6-7 線上客戶
經由此項功能,管理者可以監控客戶,像是客戶的資訊還有其購買狀況,
這個功能也可讓我們知道消費者的購買習性和趨勢,把相同消費習性的群組集合
起來,在做促銷上也方便歸類喜好,還可將不適的商品下架。
65
-
第七章 前台基礎設定 前台大致可分為上區塊、左區塊、中間區塊、右區塊、下區塊。如下圖。
66
-
7-1 服務台設定
通常用來放置網站的營運規章或政策,預設值為空白,值得一提的是『退
換貨事項』、『會員須知』,這對於網路交易機制是非常重要的,我們可經由以下
路徑做修改:
[修改退換貨事項]
要新增「退換貨事項」時,請開啟「系統工具」選擇「語系設定」在此頁
面下找到「shipping.php」檔案點入。
在「這裡寫您的出貨與退換貨條款」文字內容替換成我們的電子商店所需
要的退換貨事項的內容。完成後按「存檔」。
*因為是程式編碼,所以如果要將文章內容以段落來區隔時,記得在要段落的文
字前一行句尾加上
。完成後前台顯示如下圖[會員須知]
要新增「會員權益及須知」時,請開啟「系統工具」選擇「語系設定」,在
67
-
此頁面下找到「conditions.php」檔案點入。
完成後前台顯示如下圖
7-2 購物車設定
右區塊內的第一個小區塊就是購物車,ㄧ開始購物車都是空的,如果消費者將商
品放入購物車中,但尚未完成結帳動作之前,消費者所選的商品會一直保留,直
到消費者修改購物車內容或完成結帳程序。
我們可以經由後台/系統設定/我的商店/購買商品後顯示購物車內設定是否讓客
戶按購買商品後立刻進入購物車。
68
-
附錄 常見問題集
1. FATAL ERROR: register_globals is disabled in php.ini, please enable it! 開啟 php.ini 找到 register_globals = off 改為 on
2. 1064 - You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near '-20, 20' at line 1
in catalog/includes/classes/split_page_results.php Line 67 將: $this->sql_query .= " limit " . $offset . ", " . $this->number_of_rows_per_page; 取代成: $this->sql_query .= " limit " . max($offset, 0) . ", " .$this->number_of_rows_per_page; in catalog/admin/includes/classes/split_page_results.php Line 38 將: $sql_query .= " limit " . $offset . ", " . $max_rows_per_page; 取代成: $sql_query .= " limit " . max($offset, 0) . ", " . $max_rows_per_page;
3. 如何改 logo 下方的文字首頁路徑? 打開 catalog/includes/application_top.php 找到 $breadcrumb->add(HEADER_TITLE_TOP, HTTP_SERVER); 改成 $breadcrumb->add(HEADER_TITLE_TOP, 'HTTP://網址');
4. 如何修改首頁呢? 修改這個檔案 catalog/includes/languages/tchinese.php 這段代碼: define('TEXT_GREETING_GUEST', '訪客,歡迎光臨,如果您已經是會員請直接登入? 或是註冊為會員?');
5. Warning: session_start(): open(/tmp\sess_b2e11ea7a53f3c07bf09be94b7895ea4, O_RDWR) failed: No such file or directory (2) in
c:\appserv\www\catalog\admin\includes\functions\sessions.php on line 67
在 C 磁碟下建立一個 tmp 資料夾就可以解決這個問題了!!
6. 安裝後進入後台出現:Fatal error: Cannot re-assign $this in C:\AppServ\www\catalog\admin\includes\classes\upload.php on line 31
在 C:\AppServ\www\catalog\admin\includes\classes\upload.php 第 31 行
應該是$this = null
69
-
7. Warning: mail() [function.mail]: Failed to connect to mailserver at "localhost" port 25, verify your "SMTP" and "smtp_port" setting in php.ini or use ini_set() in I:\AppServ\www\catalog\admin\includes\classes\email.php on line 528 Warning: Cannot modify header information - headers already sent by (output started at I:\AppServ\www\catalog\admin\includes\classes\email.php:528) in I:\AppServ\www\catalog\admin\includes\functions\general.php on line 90
查看 php.ini 檔裡的相關設定:
[mail function]
; For Win32 only.
SMTP = localhost 改成所屬的 ISP server
smtp_port = 25
並將後台/系統設定/電子郵件選項/電子郵件傳送方式 改成 smtp
8. 如何將導覽列的首頁連結到其他網頁? 開啟 C:\AppServ\www\catalog\includes\application_top
把$breadcrumb->add(HEADER_TITLE_TOP, HTTP_SERVER);改成
$breadcrumb->add(HEADER_TITLE_TOP, HTTP://想連結的網址)
9. 如何更改左右區塊的寬度? 開啟 C:\AppServ\www\catalog\includes\application_top
找到 define('BOX_WIDTH', 125);將預設的 125 改成想要的寬度即可。
9. 如何在頁腳顯示訪客 IP 位址? 開啟 C:\AppServ\www\catalog\includes\languages\tchinese 和
C:\AppServ\www\catalog\includes\languages\footer 找到
70
http://%E6%83%B3%E9%80%A3%E7%B5%90%E7%9A%84%E7%B6%B2%E5%9D%80/