簡目頁 UI 修訂檢核

簡目頁 UI 修訂檢核

依《簡目頁UI修訂_20260924》整理。可更新每項狀態、在任務下留言，所有人看到同一份內容並即時同步。點截圖可放大。

家欣交接版本192.168.1.64:8080/iCheers-WebRevision/pages/catalog_wine.html

華藝修訂版本192.168.1.64:8080/iCheers-WebRevision2/pages/catalog_wine.html

舊開發版本參考192.168.1.64:8080/iCheers2026/WineList/wine_list?…

提案原型模式：所有操作只存在這台電腦的瀏覽器，用來示範系統流程，不會同步給其他人。正式協作請用線上版。

切換身分確定清除所有示範資料？

最新留言

0 / 51

1 上方按鈕 2 搜尋儀表板 3 酒款模式 4 酒莊模式

連線中…

1 / 4

簡目頁上方按鈕

搜尋入口文字與開啟行為

0/0

簡目頁上方【精準搜尋】按鈕文字改為【快速/進階搜尋】
點選頁首【超快速找酒】按鈕，開啟【搜尋儀表板】
點選【快速/進階搜尋】按鈕，開啟【搜尋儀表板】

2 / 4

搜尋儀表板

對話框形式、快速搜尋與進階搜尋條件

0/0

對話框基本行為

調整為對話框模式，預設不開啟
開啟時預設收合【進階搜尋】區塊
對話框標題文字改為【快速/進階搜尋】

快速搜尋－容量

點選容量標題右方提示，容量分組說明須顯示於對話框上層修正：華藝修訂版目前被遮住

進階搜尋－各頁籤查詢條件

A. 葡萄酒：類型、產區、品種、評價、等級、年份
B. 威士忌：類型、產區、品牌、木桶、木桶狀態、特殊風味
C. 清酒：類型、產區、米種、特殊製程、風味指標、適飲溫度
D. 啤酒：類型、產區、酒精濃度、品牌
E. 其他烈酒：頁籤文字【烈酒】改為【其他烈酒】
E. 其他烈酒：類型、產區、品牌
F. 白蘭地：類型、產區、品牌、等級、原料

進階搜尋－特定條件：產區

【XXX酒－產區】至多 5 階
最末階可複選，非最末階僅可單選

進階搜尋－特定條件：品種／品牌

【葡萄酒－品種】【XX酒－品牌】預設帶出常用 10 筆，可操作【選取】【不選取】
點選【其他XX條件】顯示列表篩選 UI，非預設 10 筆可操作【加入選取】【移除】
預設 10 筆與列表篩選 UI 兩邊的選取狀態須同步

進階搜尋－特定條件：年份／酒精濃度

【葡萄酒－年份】依參考截圖調整原文件僅附截圖
【啤酒－酒精濃度】依參考截圖調整原文件僅附截圖

進階搜尋－特定條件：木桶

【威士忌－木桶】同產區的階層式操作，至多 3 階
最末階可複選，非最末階僅可單選

3 / 4

酒款清單－酒款模式

分頁、商品名稱、行銷文字、推薦區塊

0/0

分頁／看更多

依系統參數設定切換【看更多】或【分頁】模式
【看更多】模式 (N)：每頁酒款清單下方提供【看更多...】連結文字
【分頁】模式 (Y)：酒款清單上方與下方提供分頁操作

商品名稱

桌機版格狀模式：酒名抓簡稱
桌機版清單模式：酒名抓原名稱
桌機版格狀與清單模式區分 2 種文字設計樣式
手機版格狀／清單模式：都優先抓簡稱

商品行銷文字

參考舊網站簡目頁的酒款行銷文字帶入規則顯示文字
僅桌機版清單模式顯示；格狀模式與手機版不顯示

推薦關鍵字

每 12 款酒後，輪流安插【推薦關鍵字】與【推薦酒款】區塊（1–12 款 → 推薦關鍵字 → 13–24 款 → 推薦酒款 → …）
區塊標題為【猜你喜歡】

推薦酒款（原文件標題：關鍵酒款），至多 3 款

至多顯示 3 款酒
追蹤酒款圖示：比照酒款清單愛心位置，顯示未追蹤／已追蹤狀態
輔銷標記：依酒款清單的輔銷標記規則顯示
售價：依酒款清單的售價規則顯示
售價時態、私密價：比照簡目頁酒款清單的售價設計樣式

4 / 4

酒款清單－酒莊模式

分頁、清單層級、酒莊酒款欄位、推薦區塊

0/0

分頁／看更多

依系統參數設定切換【看更多】或【分頁】模式
【看更多】模式 (N)：每頁酒莊清單下方提供【看更多...】連結文字
【分頁】模式 (Y)：酒莊清單上方與下方提供分頁操作

酒款清單層級

部分酒莊的酒款需區分清單分類層級，參考舊網站呈現

酒莊酒款清單

不顯示酒瓶圖
不顯示產區
追蹤愛心圖示顯示於酒名前
其餘欄位與酒款模式的清單一致
輔銷標記：參考酒款清單的輔銷標記
顯示關聯活動

推薦關鍵字

每 5 個酒莊後，輪流安插【推薦關鍵字】與【推薦酒款】區塊（1–5 → 推薦關鍵字 → 6–10 → 推薦酒款 → …）

推薦酒款

比照酒款模式的推薦酒款規則（至多 3 款、追蹤圖示、輔銷標記、售價）

「原文件僅附截圖」表示原文件該項沒有文字說明，請以截圖為準。狀態與留言會同步給所有能開啟此頁的人；任務文字只有編輯者可修改。