真實目錄很少只需要一個控制項。人會輸入名字又選部門;依城市又依價格範圍篩選。這份指南說明如何把這些放在同一頁,而不把訪客送去三個分開清單。
端到端專案形狀:可搜尋目錄。更多教學:Wix CMS 指南。
你要的 UI
| Control | 範例欄位 | Job |
|---|---|---|
| Search bar | Name、summary | 自由文字查找 |
| Category filter | Category / Type | 瀏覽 |
| Range filter | Price 或 Date | 最小/最大邊界 |
原生說明
在 Studio / Editor,你可以堆疊多個連到 dataset 的輸入(下拉 + selection tags 等)。邊打邊篩的關鍵字搜尋通常需要 Velo—或應用。把篩選放在與 repeater 相同的 dataset,條件才能乾淨組合。
在 Harmony,單一原生清單上的訪客多篩選介面今日有限。規劃應用小工具或分開 Repeater(CMS 限制)。
一個顯示、多個控制(CMS for Harmony)
適用 Editor、Studio 與 Harmony。
- 把 Table 或 Repeater 連到含 Name、Category 與數字或日期欄位的集合。
- 啟用 Show search bar。
- 在 Category 加 Show filter(equals)。
- 在 Price 或 Date 加適合範圍的篩選(greater/less than 或 between)。
- 選擇 Filters display:短集合用 Top;較密目錄用 Side。
- 發布並測試組合—只搜尋、只篩選,再兩者一起。
比對條件與 Show filter vs Choose value:Search & filters docs。
聚焦指南
| 片段 | 文章 |
|---|---|
| 只搜尋 | 加入搜尋列 |
| 只分類 | 分類篩選 |
| 所有面板選項 | Search and filters 總覽 |
| 密集欄 | 可搜尋表格 |
團隊為何為此用應用
| Task | Native Harmony | CMS for Harmony |
|---|---|---|
| 單一清單上關鍵字 + 分類 + 範圍 | 今日彆扭/有限 | 在 Search & filters 設定 |
| Studio 與 Harmony 相同 UI | 原生堆疊不同 | 相同小工具 |
| 避免維護篩選程式碼 | 即時搜尋常需 Velo | 面板切換 |
關於 Color swatches、參照欄位與 Calendar/Slideshow 細節,用產品文件—這些會隨版本改變。