分類篩選讓訪客不離開頁面就能縮小卡片網格:「只看 Marketing」「只看 Austin」「只看工作坊」。在 Wix,這通常是 CMS 集合餵給 Repeater,再加上篩選同一 dataset 或小工具的控制項。
以下:具體範例、Studio 原生能做什麼、Harmony 哪裡不同,以及如何用 CMS for Harmony(適用 Editor、Studio、Harmony)設定。該應用中「cards」指 Repeater 版面—不是另一個小工具。
更多背景:Wix CMS 指南。
你會做出什麼
含 Name、Category、Summary、Image 的 Programs 集合。Repeater 顯示卡片。訪客選分類後網格更新。
原生路徑(Studio / Editor)
Wix 的 CMS 文件涵蓋把下拉、單選或 selection tags 接到 dataset,讓訪客篩選 repeater、gallery 或 table—常免程式碼。每個輸入連一個欄位;選值後只顯示符合項目。需要時也可加重置或「apply filter」按鈕。
團隊已在 Studio 用 datasets 建置時,這是穩妥預設。
Harmony
原生連線 Repeater 今日不會在單一清單上露出相同的訪客分類篩選 UI。建置者要嘛每個分類一個 Repeater(編輯器端篩選),要嘛用應用。細節:Harmony CMS 限制。
CMS for Harmony Repeater
- 建立集合,並在至少兩個分類加入項目(空分類會讓篩選看起來壞掉)。
- 加入 Repeater,連集合,對應 Name、Image、Summary。
- 開啟 Search & filters → 打開 Show filters。
- 在 Category 加篩選:
- 用 equals 比對(或依標籤儲存方式用 contains)
- 用 Show filter 讓訪客選值
- 將 Filters display 設為 Top(網格上方)或 Side(側欄;小螢幕會堆疊)。
- 發布並以訪客身分點過每個分類。
可選:Choose value 模式套用固定規則且無訪客 UI(例如只顯示 Published)。
面板參考:Search & filters。更廣 how-to:Search and filters 總覽。
快速比較
| Native Harmony | CMS for Harmony | |
|---|---|---|
| 單一 Repeater 上的訪客分類控制 | 今日有限 | Category 的 Show filter |
| 避免每分類重複 Repeater | 難 | 一個 Repeater + 篩選 |
| Editors | Harmony | Editor、Studio、Harmony |
值得知道的邊界情況
| 情況 | Tip |
|---|---|
| 空分類 | 示範篩選前先塞範例項目 |
| 數十個分類 | 偏好 Side 版面;也加搜尋 |
| 分類在關聯集合 | 用 reference filters 與 Display field—見 docs |
| 顏色就是「分類」 | 用 Color swatches |