網路科技在商店經營管理之應用 第四章 osCommerce前台版面介紹 Ting-Yi Chang (張庭毅)

Presentation on theme: "網路科技在商店經營管理之應用 第四章 osCommerce前台版面介紹 Ting-Yi Chang (張庭毅)"— Presentation transcript:

1 網路科技在商店經營管理之應用 第四章 osCommerce前台版面介紹 Ting-Yi Chang (張庭毅)
Phone: EXT 7381

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

3 流程圖

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

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

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

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

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

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

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

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

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

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

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

15 PSPad 本機模式 前台效果

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

17 PSPad 遠端模式 2.填入

18 PSPad 遠端模式 3. 按下

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

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

21 左區塊 服務台 聯絡我們

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

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

24 中間區塊 已登入畫面

25 中間區塊 新客戶註冊畫面

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

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

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

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

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

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

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

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

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