Built on WIX Headless

部落格 / how-to

如何為 Wix Repeater 加入分類篩選

· Wix Repeater 分類篩選

如何為 Wix Repeater 加入分類篩選

分類篩選讓訪客不離開頁面就能縮小卡片網格:「只看 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

  1. 建立集合,並在至少兩個分類加入項目(空分類會讓篩選看起來壞掉)。
  2. 加入 Repeater,連集合,對應 Name、Image、Summary。
  3. 開啟 Search & filters → 打開 Show filters。
  4. 在 Category 加篩選:
    • 用 equals 比對(或依標籤儲存方式用 contains)
    • 用 Show filter 讓訪客選值
  5. 將 Filters display 設為 Top(網格上方)或 Side(側欄;小螢幕會堆疊)。
  6. 發布並以訪客身分點過每個分類。

可選:Choose value 模式套用固定規則且無訪客 UI(例如只顯示 Published)。

面板參考:Search & filters。更廣 how-to:Search and filters 總覽。

快速比較

Native HarmonyCMS for Harmony
單一 Repeater 上的訪客分類控制今日有限Category 的 Show filter
避免每分類重複 Repeater難一個 Repeater + 篩選
EditorsHarmonyEditor、Studio、Harmony

值得知道的邊界情況

情況Tip
空分類示範篩選前先塞範例項目
數十個分類偏好 Side 版面;也加搜尋
分類在關聯集合用 reference filters 與 Display field—見 docs
顏色就是「分類」用 Color swatches

下一步

相關

更新於:

準備好在 Harmony 上試試了嗎? 取得免費入門網站 CMS for Harmony