[新書宣傳]想要擁有一個全功能的網站系統嗎？XOOPS是一套相當方便、實用的免費架站程式，除了提供一般的討論區、會員管理、群組管理、文章管理…等機制，只要再按照本文下方的介紹，也可以裝上購物車模組，讓你的XOOPS網站升級為購物網站唷！
本文說明：以下內容為PCuSER電腦人出版社授權刊登，相關權利屬於該作者與出版社所有，嚴禁任意轉貼、盜用。該文章作者不是本站的不來恩唷，，
只是透過此篇文章在本站免費曝光的機會，讓更多XOOPS使用者或希望透過XOOPS架設個人或公司的購物網站的人，可以獲得更多有用的資訊，也可藉此機會選購這本即將於2007年5月出版的新書。
主題：XOOPS網站升級為購物網站
作者：蔡耀松
書名：《電子商店架設與經營秘訣 》
出版社：PCuSER電腦人（城邦）
詳細書籍資料：按這裡
相信有許多公司或個人都會選用XOOPS作為你所架設的入口網站，因為XOOPS是一個功能強大的架站系統，而且是免費的軟體，再加上是目前全球最多人使用的網站系統，所以外掛模組眾多，你想的到都有，如常見的「新聞」、「常見問答集」、「檔案下載」、「投票機」等等種類繁多不勝枚舉。
圖 3-225 XOOPS官方網站（www.xoops.org）
一、安裝XOOPS購物車模組
很多人曾向筆者問到XOOPS可不可以升級為購物網站，因此筆者利用閒暇之餘，寫了一個XOOPS的購物車模組。此購物車系統合併了iePay付款機制及離線ATM轉帳的金流功能，所以是一個非常完整的購物車模組。你可以從iePay的官方網站下載XOOPS購物車模組。
圖3-226 XOOPS購物車模組
將XOOPS購物車模組檔案下載解壓縮後，把其中「Cart」目錄直接複製到「XOOPS安裝目錄/modules/」目錄中。
圖3-227 安裝XOOPS購物車模組
[gads]
二、設定XOOPS購物車模組
拷貝XOOPS購物車模組的檔案後，連到XOOPS的後台管理系統，在模組管理中會多了一個「iePay XOOPS 購物車模組」，這就表示已成功安裝此模組，點選右方的「安裝」圖示進行設定。
圖3-228 模組管理
再一次確認是否安裝「iePay XOOPS購物車模組」，按下〔安裝〕繼續設定流程。
圖3-229 安裝「iePay XOOPS購物車模組」
已完成系統安裝的初始化後，點選「iePay XOOPS購物車模組」圖示，進行相關功能設定。
圖3-230 調整「iePay XOOPS購物車模組」功能設定
在「iePay XOOPS購物車模組」設定畫面，點選清單最下方的「系統管理」選項。
圖3-231 「iePay XOOPS購物車模組」設定畫面
進入「iePay XOOPS購物車模組」的「系統管理」畫面。系統管理畫面共分為3大塊「主要設定」、「運送方設定」、「付款方式定」。
圖3-232 「系統管理」設定頁面
[gads]
點選「增加商品目錄」，進入新增商品目錄的畫面。
圖3-233 點選「增加商品目錄」
在「商品目錄名稱」中輸入要建立的名稱，再按下〔確定〕。
圖3-234 建立商品目錄名稱
回到購物車系統的管理主畫面，點選「增加商品資料」。
圖3-235 點選「增加商品資料」
進入新增商品資料的設定畫面，填入「商品編號」、「商品名稱」、「商品單價」、「運費」及「商品內容描述」等資料。
圖3-236 新增商品資料的設定頁面
在購物車系統的管理主畫面，點選「編輯及上傳圖片」，可以上傳商品的圖片。
圖3-237 點選「編輯及上傳圖片」
選擇要上傳圖片的商品選項，設定完成後按下〔確定〕。
圖3-238 選擇要上傳圖片的商品選項
在「選擇送出這個檔案」的方框設定要上傳的商品圖片存放位置（可按下〔瀏覽）指定位置），設定完成後按下〔上傳〕。
圖3-239 選擇上傳的商品圖片
完成商品上架後，接著來設定「商店」區塊，在選單上選擇「系統」→「區塊」。
圖3-240 選擇「系統」→「區塊」
在設定「商店」區塊設定完成後，按下〔送出〕。
圖3-241 「商店」區塊設定頁面
三、XOOPS購物車模組前台購物流程
來到XOOPS的前台，點選「購物商店」，可以看見商品目錄的列表（範例只有一個商品目錄），點選商品目錄中的商品。
圖3-242 XOOPS Site購物商店
出現此商品目錄下所有的商品列表（此例只有一項商品），選擇要購買的商品的數量後，再按下〔新增〕，將商品送入購物車中。
圖3-243 將商品送入購物車的清單中
如果選購商品完畢，在購物車的清單中，點選「結帳」。
圖3-244 點選「結帳」
再次確認是否要結帳，如果還要繼續選購，按下〔否〕；如果確定要結帳請按下〔是〕。
圖3-245 確認是否要進行結帳
[gads]
在購物車結帳的頁面，輸入購買者的「名字」、「郵遞區號」、「住址」、「E-mail」、「聯絡電話」、「行動電話」、「備註」等資料，設定完成後，選擇「付款方式」，並且勾選「完成訂單」，最後再按下〔送出〕。
圖3-246 填寫客戶資料和選擇付款方式
付款方式以選擇「iePay方便付」為例，進入iePay的付款流程。
圖3-247 進入iePay的付款流程
，本文說明：以下內容為PCuSER電腦人出版社授權刊登，相關權利屬於該作者與出版社所有，嚴禁任意轉貼、盜用。該文章作者不是本站的不來 恩唷，只是透過此篇文章在本站免費曝光的機會，讓更多XOOPS使用者或希望透過XOOPS架設個人或公司的購物網站的人，可以獲得更多有用的資訊，也可 藉此機會選購這本即將於2007年5月出版的新書。