網路科技在商店經營管理之應用 第四章 osCommerce前台版面介紹 Ting-Yi Chang (張庭毅) E-mail: tychang@cc.ncue.edu.tw Phone: EXT 7381

本章架構 4-1 版面介紹 4-2 PSPAD

流程圖

版面介紹 上區塊 左 區 塊 中 間 區 塊 右 區 塊 下區塊

上區塊 放置公司的LOGO及網站導覽

左區塊 五個部份 1. 商品分類 2. 製造廠商 3. 新上架商品 4. 快速尋找商品 5. 服務台

左區塊 商品分類 顯示網路商店內所有商品及分類，可自後台依個人喜好或商品屬性規劃區分、新增或修改。 當消費者按下商品分類時，會直接影響上區塊的引導列及中 間區塊，讓消費者可以一目了然看到目前所瀏覽的頁面。

左區塊 製造商 商品上架時可以在後台，將每種商品製造商欄填入相關的廠商資訊，消費者就可以方便的使用製造商來選取該品牌。 上區塊的引導列及中間區塊也會變動。 【顯示】的下拉式選單內則是該製造商的商品分類。

左區塊 新上架商品 每次網頁更新時，系統會自動從最近上架的商品中隨機選取一個商品顯示，當消費者點選取新商品區塊內的商品時，中間區塊即會顯示該商品的詳細資訊。 列出所有新上架商品列表。

左區塊 快速搜尋商品 站內商品搜尋引擎，輸入商品的關鍵字，按【Enter】 系統就會開始將搜尋的結果顯示中間區塊。 　 站內商品搜尋引擎，輸入商品的關鍵字，按【Enter】 系統就會開始將搜尋的結果顯示中間區塊。 搜尋某一個價格區間或某一個上架日期區間的商品，利用 【進階搜尋】中的功能。

! 左區塊 服務台 通常用來放置網站的營運規張或政策，如換退貨政策。 服務台區塊內的連結，大部分的條文、規定或說明，預設值為空白，其餘都必須由店長修改，其修改方式如下： 修改退換貨事項： 開啟[webroot]/catalog/includes/languages/tchinese/shipping.php 本機 webroot = C:\AppServ\www\ ! 檔案開啟可使用WordPad (可能出現亂碼, 因編碼方式不同), Dreamweaver等網頁編輯器

PSPad 本機模式 1.下載 http://ty.ncue.edu.tw/tychang/EC/pspad451inst_en.exe 2.安裝(下一步即可) 3.開啟PSPad

PSPad 本機模式 4.將shipping.php檔案拖曳至PSPad

PSPad 本機模式 5.修改 6.儲存 define('TEXT_INFORMATION', '這裡寫您的出貨與退換貨條款'); define(‘TEXT_INFORMATION’, ‘XXX購物網站退換貨須知: <br> 1. 凡於本網站購買物皆享有七天鑑賞期<br>2. 吃了繞賽不賠….'); 6.儲存

PSPad 本機模式 前台效果

PSPad 遠端模式 方法一：如上所述，編輯後，利用FTP上傳至專題網站。 方法二：利用PSPad直接編輯存在專題網站的檔案。 1. 按下

PSPad 遠端模式 2.填入

PSPad 遠端模式 3. 按下

PSPad 遠端模式 4. 選取你所要編輯的檔案進行編輯修改 5. 儲存

左區塊 服務台 修改會員須知： 開啟[webroot]/catalog/includes/languages/tchinese/conditions.php 修改 define('TEXT_INFORMATION', '這裡寫您的會員權益、使用條款或須知');

左區塊 服務台 聯絡我們

中間區塊 二個部份 1.上半部 包含：歡迎詞、登入等 2.中間部分 最新商品區塊

中間區塊 上半部 中間部 進站歡迎詞，若你是初次安裝osCommerce，會看到四項說明，請仔細閱讀。 其中有說明如何移除或修改該段文字敘述。當然可以利用這個區塊放置一些商品有關的圖案設計或文字連結。 中間部 最新商品區塊，由後台設定區塊內最大可顯示的數目，預設為九個。系統會自動顯示最新上架的前幾個商品。 此外中間區塊也是網路商店與消費者交換訊息的地方，結帳、出貨、客戶資料修改、商品展示都是使用中間區塊，當其他區塊被選取時，中間區塊會立即顯示其相關資訊。

中間區塊 已登入畫面

中間區塊 新客戶註冊畫面

右區塊 預設項目 1. 購物車 2. 特價商品 3. 商品評論 4. 語系 5. 貨幣 6. OSC 網群

右區塊　 購物車 一開始購物車是空的，如果消費者將商品放入購物車，但未完成結帳動作之前，消費者所選的商品會一值保留在購物車內，就算你沒完成結帳隨即登出系統離開，當下次再登入時，購物車內還是替你保存上次未結帳的商品清單。 檢視、修改購物車內容或完成結帳程序。 可以從【後台】【系統設計】【我的商店】【購買商品】，顯示購物車內設定是否讓客戶按購買商品後是否立刻進入購物車內。

右區塊 特價商品 商品評論 特價商品用來顯示商店內的所有特價商品，當每換一次頁面時系統會自動輪播另一個特價商品。 右區塊　 特價商品 特價商品用來顯示商店內的所有特價商品，當每換一次頁面時系統會自動輪播另一個特價商品。 商品評論 顯示由消費者針對某一項商品所發表的意見或評論。

右區塊 選擇商品後，新增區塊 1. 廠商資訊 2. 商品通知 3. 商品評論 4. 推薦給親友

右區塊 廠商資訊 當使用者瀏覽某一項商品時，若該區塊於上架時有設定製造商資訊，則廠商資訊小區塊會自動顯示，內容包含製造商首頁或該廠商其他商品列表的連結。 商品通知 此區塊是在瀏覽某一個商品時才會出現，讓消費者將該商品 加入自己的商品通知清單(必須登入)，當消費者在該區塊內 按下【更新時不必通知我】連結時，會變成【更新時通知 我】 。當此商品更新(特價或降價)，OSCommerce會用電 子郵件通知該消費者。

右區塊 推薦給親友 商品評論 此區塊是在瀏覽某一個商品時才會出現，用來讓消費者推薦該商品給他親友(必須登入) 。 此區塊是在瀏覽某一個商品時才會出現，用來讓消費者對該 商品使用心得或商品評論(必須登入) 。

右區塊 特殊設定 【後台】【系統設定】【最小設定值】【評論文字設 定】，設定最少的字數。

右區塊 語系 貨幣 包含五個國家的語系(繁體中文、簡體中文、英文、德文及西班牙語系)，預設為繁體中文。 下拉式選單提供消費者切換各種貨幣(美金、歐元、西班牙、人民幣及港幣)。

下區塊 主要是OSC版權宣告及站內廣告播放