- 類別:Xoops模組開發
- 名稱:Neil商品展示模組3.0開發
- 方案:Xoops模組開發方案
- CMS:Xoops2.5.11
Neil商品展示模組3.0為Neil網站設計工坊2023年歷時8個月全新開發萬用型商品展示模組,開發環境為Xoops2.5.11 / php8.1 / Smarty3 / mysql8.0嚴謹模式,模組資料表除系統查詢欄位外,其餘欄位全部去中心化處理,管理後台能夠透過自訂表單套件建立共7種欄位類型,特殊需求功能採用套件化模式,能針對各類型產業擴充開發所需的功能,而不會與底層結構相覆蓋,便於維護升級擴充,本模組可以做為萬用型的商品展示使用。
Neil商品展示模組3.0功能簡述:
1、無限自由佈局:資料表採去中心化結構,包含商品說明 / 商品項目 / 商品諮詢全部後台都能增加刪減欄位(共7種欄位類型),想增加什麼欄位都可以,布局非常自由。
2、特殊功能採用套件化開發,可針對不同產業開發查詢項目,欄位及特殊需求的功能,採用資料表去中心化結構,因此不需再另外建立資料表,可擴充性非常高。
3、商品諮詢採用購物車架構,user可以多筆資料一起諮詢,並且可以在線上連續回覆(與留言板功能相同)
4、手機版採用APP的介面模式,查詢項目採用選單收納畫面不會拖得長,使用手機也能進行商品諮詢
5、模組結構符合Google網站seo優化政策,有助於提高您的網站在搜索引擎中的可見性。
6、採用最嚴謹的表單防禦機制(前後台驗證+防機器人),安全性100%,不再有機器人大量垃圾諮詢的煩惱。
開發環境
php版本:php8.1
資料庫:10.4.28-MariaDB / mysql 8.0(嚴謹模式)
Xoops版本:Xoops2.5.11
模組名稱:neilproduct
使用程式:AJAX,JQuery,php,smarty3。
介面框架:bootstrap3+html5+自行撰寫的css樣式
模組語系:
中文語系,語系抽離樣板建立語系檔
模組展示:https://philosophycat.com.tw/modules/neilproduct/
權限管理:
->管理員權限
→可以管理模組全部前後台功能
->會員權限
→可以建立商品諮詢
→可以使用商品諮詢管理功能,商品諮詢回覆功能(可連續操作)
->訪客權限
→可以建立商品諮詢
開發工時 : 150天(不含假日),已完成測試除錯正式上線。
2024-3月新增功能
->升級商品陳列區塊結構,優化簡併程式加快運作效能
->商品展示增加附件檔上傳功能,可以讓管理者上傳PDF型錄或附檔
->新增加商品分類區塊,增加左右切換燈箱效果及CSS樣式撰寫
->商品展示區塊增加後台可關閉區塊動畫特效功能
2024-1月新增功能
- ->增加首頁優惠商品左右切換滑動區塊開發,若無優惠商品自動隱藏區塊。
->人氣商品增加選擇【小縮圖樣式】及【大縮圖樣式】,撰寫css樣式。
Neil商品展示模組3.0功能說明-2023
後台管理功能
- 1、系統設定
->系統設定:可以設定模組各項功能參數。
->商品說明:可以新增/刪除/編輯商品的預設說明欄位。
->商品項目預設欄位管理:可以建立商品預設定自欄位。
2、項目管理
->項目名稱可自訂,例如改為【品牌名稱】商品中即顯示該名稱。
->可新增/編輯/刪除/排序項目。
3、商品分類管理
->可新增/編輯/刪除/排序商品分類。
->可設定分類瀏覽權限。
->可設定分類中商品的排列方式。
4、新增/編輯商品
->可以建立商品輸入商品資訊,商品類型共有【銷售商品】【優惠商品】【展示商品】【下架商品】,各類型功能配置均不相同,可依照商品屬性設定類型(例如已售出的商品或作品可設為展示商品)。
->優惠產品:可設定【優惠價結束日期】【優惠售價】【優惠說明】優惠價結束日期到期後商品自動轉為銷售商品。
->商品售價顯示名稱可自訂,例如【售價,展示價,售出價,成交價】等。
->可自行建立商品的項目欄位,預設欄位顯示系統設定中建立的欄位,可刪除不使用的欄位或新增。
->可自行建立商品說明,預設商品說明顯示系統設定中建立的說明,可刪除不使用的欄位,並可選擇【加入說明頁籤功能】
->可以建立商品跑馬燈內容,若有建立跑馬燈的商品會顯示於網站的跑馬燈中撥放。
->可以建立商品播放影片,有youtube影音及facebook影音,貼上影片連結即可。
5、商品管理總表
->可以查詢商品資料,瀏覽商品狀態,及各種排序查詢。
->管理功能:圖片管理,推薦商品管理,編輯商品,複製商品,刪除商品,按鈕管理等功能。
6、商品圖片管理
->可以上傳商品圖,排序及刪除
->可以多圖上傳,批次刪除
->可以設定商品代表圖功能
7、推薦商品管理
->可以選擇商品後加入推薦商品中(單筆商品選擇)
->加入的推薦商品於前台商品頁面輪播器中顯示。
->可以選擇分類加入(選擇分類後顯示該分類中商品於推薦商品中)
8、商品諮詢項目管理
->可以新增諮詢項目,編輯刪除排序等操作
->可以設定諮詢表單的欄位,對公司欄位,性別欄位,連絡電話,LINE-ID,聯絡地址欄位設定啟用或不啟用,是否啟用必填等選項。
->可針對建立的項目建立自訂表單欄位,建立欄位會顯示前台商品諮詢選單中。
前台UI功能
- 1、商品展示首頁
->完整四級分類滑動開啟選單功能,AJAX分類連動選單。
->功能查詢BAR:共有商品類型/優惠商品/熱門商品/銷售商品/展示商品/商品諮詢選單/商品管理選單(管理員權限)及商品搜尋等功能。
->商品瀑布流AJAX顯示,拉動到底端自動讀取下一批次顯示商品
->商品首頁不顯示系統設定中選擇首頁預設不顯示分類。
->加入商品諮詢功能:與購物車相同,可以選擇多筆商品加入諮詢
->管理員可編輯與刪除商品
->左側輪播器顯示優惠商品。
2、商品內容頁
->顯示後台建立商品時輸入的各項資訊說明(包含自訂欄位)
->商品圖片撥放器,滑鼠滑過開起放大鏡功能,點選下方小縮圖開啟燈箱撥放效果。
->商品分類選單,顯示以目前商品所在分類開始往下顯示三層分類
->AJAX商品聯動選單,可選擇商品分類。
->商品說明頁籤,如建立商品時有勾選商品說明顯示頁籤,則該筆說明會自動組合成為頁籤,未選擇的商品說明顯示於影片區下方。
->推薦商品撥放器:按照推薦商品中所選擇的商品顯示於撥放器中
->瀏覽紀錄:顯示會員曾經瀏覽過的商品紀錄
->加入商品諮詢及商品諮詢功能,加入商品諮詢該筆商品儲存於商品諮詢中,選擇商品諮詢則直接進入商品諮詢頁面。
3、商品諮詢頁面
->上方顯示選擇的諮詢商品,可以取消核取或刪除商品,售價自動加總
-> 中間下拉選單顯示商品諮詢項目,選擇項目後會帶出後台建立的自訂欄位表單。
->商品諮詢說明,可輸入需要諮詢的內容,有字數限制後台可以修改字數。
->下方為填寫聯絡資料,可按照後台設定的欄位顯示或不顯示聯絡資料中的欄位(包含必填),若會員再次填寫時諮詢表單,聯絡資料自動讀取前次填寫的資料。
->AJAX防機器人表單驗證機制,需透過驗證才能送出表單
->前後台表單驗證機制,防隱碼,防資料表插入攻擊,必填驗證。
->送出後以E-MAIL通知管理員及會員。
4、商品諮詢管理
★管理員權限
->完整的查詢機制,可選擇諮詢會員,選擇諮詢項目,選擇讀取狀態,選擇回覆狀態,輸入諮詢搜尋查詢諮詢內容,
->未讀取商品諮詢提醒按鈕,顯示未讀取的諮詢數,點選後進入未讀取資料列表
->未回覆商品諮詢提醒按鈕,顯示未回覆的諮詢數,點選後進入未回覆資料列表
->核取操作:可以將核取的資料變更為已讀,批次刪除內容,及清空全部資料
★會員權限
->可查詢項目:選擇諮詢項目,選擇回覆狀態,輸入諮詢搜尋查詢諮詢內容。
->已回覆商品諮詢提醒按鈕,顯示管理員已回覆的諮詢數,點選後進入已回覆資料列表
->可以核取操作:批次刪除內容,清空全部資料
->總表採用AJAX長輪詢及時監控數據,當有資料變動時(例如會員刪除諮詢,或是回覆諮詢),總表自動更新,不用再更新瀏覽器產生新數據。
5、商品諮詢內容
->顯示會員填寫的諮詢內容,及選擇的諮詢商品,包含自訂表單內容。
->管理員可於諮詢內容中回覆會員的諮詢問題。
->會員可於諮詢內容中再次提問諮詢說明
->採用留言版結構可以雙向互動,直到雙方諮詢滿意為止
->AJAX防機器人表單驗證機制,需透過驗證才能送出表單
->前後台表單驗證機制,防隱碼,防資料表插入攻擊,必填驗證。
->送出後以E-MAIL通知管理員及會員。
模組區塊功能
模組自動功能
- ->按照後台設天數自動刪除USER加入商品未諮詢的資料
->商品瀏覽紀錄保存天數,到期後自動刪除cookie