Built on WIX Headless

部落格 / how-to

如何在 Wix CMS 結合搜尋與多個篩選

· 結合搜尋篩選 Wix CMS

如何在 Wix CMS 結合搜尋與多個篩選

真實目錄很少只需要一個控制項。人會輸入名字又選部門;依城市又依價格範圍篩選。這份指南說明如何把這些放在同一頁,而不把訪客送去三個分開清單。

端到端專案形狀:可搜尋目錄。更多教學:Wix CMS 指南。

你要的 UI

Control範例欄位Job
Search barName、summary自由文字查找
Category filterCategory / Type瀏覽
Range filterPrice 或 Date最小/最大邊界

原生說明

在 Studio / Editor,你可以堆疊多個連到 dataset 的輸入(下拉 + selection tags 等)。邊打邊篩的關鍵字搜尋通常需要 Velo—或應用。把篩選放在與 repeater 相同的 dataset,條件才能乾淨組合。

在 Harmony,單一原生清單上的訪客多篩選介面今日有限。規劃應用小工具或分開 Repeater(CMS 限制)。

一個顯示、多個控制(CMS for Harmony)

適用 Editor、Studio 與 Harmony。

  1. 把 Table 或 Repeater 連到含 Name、Category 與數字或日期欄位的集合。
  2. 啟用 Show search bar。
  3. 在 Category 加 Show filter(equals)。
  4. 在 Price 或 Date 加適合範圍的篩選(greater/less than 或 between)。
  5. 選擇 Filters display:短集合用 Top;較密目錄用 Side。
  6. 發布並測試組合—只搜尋、只篩選,再兩者一起。

比對條件與 Show filter vs Choose value:Search & filters docs。

聚焦指南

片段文章
只搜尋加入搜尋列
只分類分類篩選
所有面板選項Search and filters 總覽
密集欄可搜尋表格

團隊為何為此用應用

TaskNative HarmonyCMS for Harmony
單一清單上關鍵字 + 分類 + 範圍今日彆扭/有限在 Search & filters 設定
Studio 與 Harmony 相同 UI原生堆疊不同相同小工具
避免維護篩選程式碼即時搜尋常需 Velo面板切換

關於 Color swatches、參照欄位與 Calendar/Slideshow 細節,用產品文件—這些會隨版本改變。

相關

更新於:

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