購物車TWE-COMMERCE 平台介紹

TWE-COMMERCE簡介

(圖1-1)(TWE-COMMERCE3.02預設佈景)

自從TWE-COMMERCE(圖1-2)釋出以來已經邁向第八個年頭了,在第一本(新一代購物網站TWE-COMMERCE架設與管理)問世以來,歷經第二、三本(新一代購物網站TWE-COMMERCE架設與管理二版、三版),能夠持續發展,必須感謝各位朋友對於TWE-COMMERCE與書的支持與指教。

程式的改版有時是因應時代的變遷,有時是因為程式基礎語言的升級,有時是為了完善網站功能,更重要的是能夠將TWE-COMMERCE延續發展下去,所以有了幾個階段的改版更新。

(圖1-2)(TWE-COMMERCE1.0)

關於TWE-COMMERCE的由來在第一本(新一代購物網站TWE-COMMERCE架設與管理)中已經詳細介紹過了在此不再贅述,在此先談談TWE-COMMERCE的演變與各版本間的差異。

(新一代購物網站TWE-COMMERCE架設與管理一版),其版本是TWE-COMMERCE 1.0。在當初程式從購物車研究站http://www.oldpa.com.tw釋出(2004/09)與書上市後(2004/11),經由各方朋友測試回報相關BUG與建議後,慢慢修正而成了TWE-COMMERCE 1.2(程式編碼big5),並於2004/11月初成立了TWE-COMMERCE研究支援站(http://www.twecommerce.org)提供了TWE-COMMERCE的相關支援。

爲了TWE-COMMERCE的發展與以後程式的可攜性於2004/11月中開始作大規模的改版,將資料庫連結改由ADODB的函式庫來運作,並加入了新聞模組,更改了後台選單,而版本訂為TWE-COMMERCE 2.0(程式編碼big5),經由各方朋友測試回報相關BUG與建議後成為TWE-COMMERCE 2.1(程式編碼big5)。這個階段是最艱辛的時候,所有看的到的程式碼檔案,除了圖檔外幾乎每一支程式都需修改,還好支援站上許多朋友積極參與修改與測試,感謝當初參與測試的朋友讓這個陣痛期能在最短的時間過去。

TWE-COMMERCE程式的發展與相關SERVER的平台息息相關,因PHP與MYSQL的版本一直更新,又因程式編碼big5的修正仍有些許問題,爲了順應潮流而有了將TWE-COMMERCE程式編碼改成UTF-8的準備,而成了TWE-COMMERCE2.2(程式編碼utf-8)。在TWE-COMMERCE2.2(圖1-3)中除了將程式編碼改成UTF-8以外,並將管理後台的選單又做了一次改變,原因是TWE-COMMERCE2.1的後台管理選單,在每一台的電腦上表現不一樣,為了不想造成使用者相關的困擾,所以做了修正。

(圖1-3)(TWE-COMMERCE2.2)

(2006/08)又對系統做了一次大體檢,修正了一些BUG與之前的疏漏,增加了一些新的功能,例如商品下載功能、商品多圖模組、商品圖片調整修正、後台獨立登入頁、內建後台檔案總管、前台新聞內容區塊、中央首頁特價商品、註冊表單人性化修改、地址TABLE增加電話傳真顯示、訂單增加電話傳真顯示、支援MYSQL4.1的安裝、Smarty 升級至Smarty_2.6.10、adodb升級至adodb481、內建三個佈景等等,(圖1-4)並將版本訂為TWE-COMMERCE2.3(程式編碼utf-8) 書名為(新一代購物網站TWE-COMMERCE架設與管理二版)。

(圖1-4)

2009年初三版的書以TWE-COMMERCE2.3(程式編碼utf-8)為基礎,增加功能與更動佈景核心,支援MYSQL5、PHP5、Smarty 升級至Smarty_2.6.19、adodb升級至adodb4990、而版本訂為TWE-COMMERCE3.0(圖1-5)。

(圖1-5)

本書在編寫時距離三版的發行已經有將近三年的時間,由於PHP版本的更新在5.2x與5.3x之間有一相當的變革,一些原有的PHP函數將不再建議使用,並會在未來的PHP版本中移除。

有鑒於TWE-COMMERCE購物車中有許多程式是用到一些PHP5.3x不建議使用的函數,所以做了必要修正,以因應未來Server主機平台或PHP升級時可能出現的問題。

最新版本TWE-COMMERCE3.02中移除了原ADODB函式庫並以簡化的資料庫操作函式取代,以期望能減輕Server主機的負擔又不會影響原來程式的運作,而Smarty升級至2.6.26。程式中將一些多餘累贅的資料庫連結或條件查詢予以精簡,並新增加了資料庫快取功能以期增加網頁顯現速度,修正Chrome與Fire Fox瀏覽器無法正常顯示語系、修正商品上架無法更新或新增語系等等…。

程式在經過八年的市場粹煉與檢驗後,基本存在的BUG已經少之又少,整個後續發展重點著重在程式的簡化,希望讓TWE-COMMERCE能更穩定、更具親合力、更易駕馭。

TWE-COMMERCE3.02的平台架構

內建佈景佈景名稱:(twe)頁面:首頁index.php(圖1-6)

(圖1-6)

後台管理:(admin/start.php)

後台功能眾多,編排井然有序,操作簡易,口語化的功能介紹,方便設定成商店所需之功能,並可以多位管理員設定不同權限管理專屬區域。(圖1-7)

(圖1-7)

左右區塊簡介

商店導覽列

導覽列可以隨時讓客戶知道目前所在商店位置(圖1-8)。

(圖1-8)

最新消息

多層式的目錄結構,可以輕易將新聞依種類歸類,方便客戶瀏覽新聞(圖1-9)。

(圖1-9)

商品目錄

多層式的目錄結構,可以輕易將目錄依種類歸類,方便客戶瀏覽商品(圖1-10)。

(圖1-10)

快速購買

老客戶或是企業客戶可以直接輸入商品貨號,快速進入購物結帳程序,快速完成下單手續(圖1-11)。

(圖1-11)

服務台

透過後台內容管理,將整理好的商店資訊歸納於服務台內,方便客戶查詢(圖1-12)。

(圖1-12)

資訊台

資訊台也可以是新聞台,透過後台(內容管理)可以隨時新增商品新聞,或是商店促銷訊息(圖1-13)。

(圖1-13)

商品評論

透過評論文章讓客戶可以清楚商品的特色與其他客戶使用心得,也可以讓商店進一步了解客戶對此商品之評價(圖1-14)。

(圖1-14)

商品搜尋

輸入關鍵字可以快速搜尋到所需商品(圖1-15)。

(圖1-15)

特價商品

顯示商店特價或是促銷商品,並依後台設定特價商品筆數輪播(圖1-16)。

(圖1-16)

新上架商品

顯示最新上架的商品,並依後台設定新上架的商品筆數輪播(圖1-17)。

(圖1-17)      

購物籃

顯示客戶目前所選購商品並加總。如果有開啟禮劵系統也將顯示目前客戶的禮劵金額結餘(圖1-18)。

(圖1-18)

客戶資訊

顯示登入客戶層級與客戶購物稅率計算方式(圖1-19)。

(圖1-19)

管理員資訊

登入用戶如果是商店管理員,會顯示出商店統計資訊,並提供登入後台管理的連結按鈕,檢視單一或特定商品時,提供直接連結後台商品編輯紐(圖1-20)。

(圖1-20)

暢銷商品排行

顯示目前商店銷售商品排行,並依後台設定暢銷商品筆數顯示(圖1-21)。

(圖1-21)

購物紀錄

當客戶登入系統後,會顯示此客戶之前所購買商品項目,並依後台設定購物紀錄筆數顯示(圖1-22)。

(圖1-22)

廠商

以廠商為單位歸類商品,選擇廠商後會顯示出此廠商在商店所提供之商品(圖1-23)。

(圖1-23)

推薦商品給親友

當客戶檢視單一或特定商品時,會出現此區塊,可以讓客戶透過商店電子郵件系統,將此商品資訊郵寄給親友,讓親友可以由電子郵件中的連結,直接連結到此商品介紹頁面來檢視商品(圖1-24)。

(圖1-24)

廠商資訊

當客戶檢視單一或特定商品時,而此商品有設定擁有廠商時,則會顯示此區塊,透過連結可以讓客戶檢視更多該廠商所提供的其餘商品(圖1-25)。

(圖1-25)

會員登入

當客戶蒞臨商店尚未登入時,會顯示此區塊提供客戶登入(圖1-26)。

(圖1-26)

評論

當客戶檢視單一或特定商品時,會顯示此區塊提供客戶針對此商品提供評論(圖1-27)。

(圖1-27)

語言

支援多國語言,目前內建中文繁體與英文(圖1-28)。

(圖1-28)

左右區塊的排序與位置,可以透過後台簡單的設定來改變。當了解系統運作之後,可以依商店需求來增減區塊。

中央區塊簡介

中央首頁內容(圖1-29)

(圖1-29)

中央首頁是當客戶蒞臨商店時所進入的第一個頁面,透過精采的首頁內容可以吸引客戶的駐足。首頁內容的編輯可以使用管理後台的(內容管理),透過系統內建(所見即所得編輯器)(圖1-30):

(圖1-30)

可以輕易建立圖文並茂的首頁內容。也可利用外部編輯好的HTML檔案直接上傳使用。如果上傳多個HTML檔案,可以利用選擇檔案的方式輕易改變首頁內容。

首頁新聞區塊

首頁新聞區塊是顯示商店最新消息,或是做為商品訊息之發佈,紀錄了新聞發佈時間與被點及瀏覽次數(圖1-31)。

(圖1-31)

首頁新商品區塊

首頁新商品區塊接續在首頁內容下方,是顯示商店新上市的商品,是依照品上架的時間來排序,顯示筆數是依照後台管理設定的筆數顯示商品數。

商品介紹顯示簡短說明並提供(立即購)按鈕,讓客戶可以立即了解商品屬性而即時的選購商品(圖1-32)。

(圖1-32)

即將上市商品

如果商店上市商品有設定上市日期,而上市日期尚未屆臨時則會顯示此區塊,並且會秀出商品將上市的日期(圖1-33)。

(圖1-33)

會員登入頁面(login.php)

提供客戶登入區塊與新客戶註冊連結,如果後台有開啟非會員購物功能,在此頁面下方會有一個提供非會員購物的區塊,連結到讓非會員填入客戶資料的表單(圖1-34)。

(圖1-34)

會員註冊頁面(create_account.php)

會員註冊表單,欄位多寡可由後台管理開啟或是關閉(圖1-35)。

(圖1-35)

非會員註冊頁面(create_guest_account.php)

提供非會員臨時購物的一個資料表單,欄位多寡依舊受限於後台管理開啟項目,商店可選擇當非會員購物後是否保留該會員帳號(圖1-36)。

(圖1-36)

會員登出頁面(logoff.php)(圖1-37)。

會員登出後連結的提示頁面。

(圖1-37)

廣告輪播

後台廣告管理可以加入多筆廣告資料,系統或依序輪播,並且紀錄點擊次數(圖1-38)。

(圖1-38)

進階搜尋商品頁(advanced_search.php)

提供客戶進階的搜尋商店商品(圖1-39)。

(圖1-39)

PHPBB討論區(forum/index.php)

提供社群式經營,透過功能強大的討論區,凝聚會員向心力,也可以利用來做為商店商品新知、新聞、公告、投票等等,可以設定群組功能提供不同群組與會員等級的溝通平台(圖1-40)。

(圖1-40)

商品目錄頁(index.php)

當客戶按下商品目錄的項目連結,顯示該目錄下所有商品,除了該項目簡介與圖片外,每一項商品都提供簡短說明與提供立即購按鈕並提示購物後商店出貨時程,讓客戶清楚知道當訂購商品後可以在幾天之後收到商品。可由後台設定顯示商品筆數(圖1-41)。

(圖1-41)

商品詳細介紹頁(product_info.php)

針對單一商品顯示詳細介紹頁面,除了商品的詳細說明外,還提供了許多額外資訊,包括提供商品頁面列印、商品屬性選單、分級價格、出貨時程..等等(圖1-42)。

(圖1-42)

如果針對此項商品有評論文章時則會接續在下方顯示,客戶也可以在此接續發表評論文章(圖1-43)。

(圖1-43)

如果後台的內容管理有設定此項商品的額外說明則會在評論文章下方顯示。(圖1-44)

(圖1-44)

最下方顯示推薦購買商品區塊(圖1-45)。

(圖1-45)

購物籃內容(shopping_cart.php)

購物籃內容頁顯示客戶選購商品並加總小計購物金額,提供客戶更新購物籃內容。

如果有開啟禮劵、折價劵系統則會顯示兌換頁面,並提供將禮劵郵寄給親友的服務(圖1-46)。

(圖1-46)

出貨方式(checkout_shipping.php)

提供更改出貨地址與選擇運送方式(圖1-47)。

(圖1-47)

每個客戶提供多筆地址資料儲存於系統資料庫,方便客戶在購物後可以指定送貨的地址,可由後台管理設定筆數。(checkout_payment_address.php)(圖1-48)

(圖1-48)

付款方式(checkout_payment.php)

提供多樣付款方式選項,如果有啟用禮劵系統,將會顯示禮劵存餘扣抵選項。備註欄位除了提供給客戶指定貨物送達時間也可以讓客戶填寫註明事項。

如果後台設定(顯示購物條約),則此區塊會顯示條約內容,除非勾選客戶同意合約欄位,否則將無法繼續結帳手續。如果商店欲販賣未成年禁止購買之商品,可以多加利用此功能(圖1-49)。

(圖1-49)

確認訂單頁面(checkout_confirmation.php)

結帳的最後一道程序,將之前客戶出貨與付款選項做最後整理並加總購物金額與稅金,提供客戶參考並且提供各項修改連結方便客戶修正資料(圖1-50)。

(圖1-50)

訂單程序完成頁(checkout_success.php)

提供客戶列印訂單,如果有啟用禮劵系統,並且客戶禮劵有存餘時,提供客戶將禮劵存餘郵寄給親友的連結(圖1-51):

(圖1-51)

以上簡略介紹TWE-COMMERCE3.02的各區塊功能,待系統安裝完成,透過書中章節對平台各項功能解說,讓您可以輕鬆建立自己的專屬購物車。