Built on WIX Headless

教學 / 教學

如何為 Wix CMS 顯示加入 Search and Filters

· Wix CMS search filters 總覽

如何為 Wix CMS 顯示加入 Search and Filters

訪客搜尋與篩選讓大型 CMS 清單好用:輸入名字、選分類、依價格或日期縮小。這頁是地圖—能做什麼、哪些小工具支援,以及下一步開哪個聚焦教學。

適用 Editor、Studio 與 Harmony。CMS for Harmony 在三者都跑;名稱不代表僅限 Harmony。

從目標開始:Wix CMS 指南。

選符合工作的指南

你的問題去這裡
集合項目的關鍵字搜尋(不是站內搜尋)加入搜尋列
卡片上的分類或標籤瀏覽Repeater 上的分類篩選
搜尋 + 多個篩選 + 範圍結合搜尋與篩選
密集可搜尋庫存可搜尋表格
完整目錄專案可搜尋目錄
精確面板標籤Search & filters 文件

原生 vs 應用

Editor原生訪客篩選CMS for Harmony
Studio / Editor許多分類篩選用 dataset + 輸入;即時關鍵字搜尋常需 Velo相同 Table/Repeater 工具組,含內建搜尋 UI
Harmony今日單一原生清單上訪客篩選有限支援小工具上的 Search & filters

Harmony 缺口:CMS 限制。應用 = 僅小工具(無原生 Text/Image/Button 綁定)。

支援 search & filters 的小工具

WidgetSearch / filters
TableYes
RepeaterYes
CalendarYes — 搜尋用 Title 與 Details
Media GalleryYes
SlideshowYes — 有對應時搜尋用 Title/Text/Button label
Dynamic PageNo visitor search/filters
FormN/A

設定總覽(應用)

  1. 把支援的顯示連到集合(或允許處的 Pro Sheets)。
  2. 開啟 Search & filters。
  3. 啟用 Show search bar 和/或 Show filters。
  4. 用正確比對條件加入篩選(equals、contains、ranges 等)。
  5. 訪客 UI 用 Show filter,隱藏常駐規則用 Choose value。
  6. 將 Filters display 設為 Top 或 Side。
  7. 發布並以訪客測試。

重要模式

Mode何時用
Show filter訪客選分類、城市、顏色、價格範圍
Choose value無 UI 永遠套用固定比對
Ranges日期與數字
Color swatches型錄的 Color 欄位
Reference filters含 Display field 標籤的關聯集合

常見設定

Use case典型小工具 + 篩選
Team directory依 department/role 的 Repeater 或 Table
Real estate依 city 與 price range 的 Repeater
Product catalogRepeater/Table + Color swatches + category
EventsCalendar + date filters
Portfolio依 type 的 Media Gallery 或 Slideshow

產業範例:可搜尋目錄、房地產、團隊目錄。

方案說明

支援顯示上的 Search & filters 屬應用核心面(不像 payments 或 Sheets 鎖 Pro)。Pro Sheets 連線在小工具支援處仍可用 search/filters。

FAQ

能免程式碼加篩選嗎?

可以—許多分類篩選用 Studio/Editor 原生 dataset 輸入,或在支援小工具上用 CMS for Harmony Search & filters。

原生 Harmony 支援訪客篩選嗎?

今日不是單一清單上的完整訪客輸入。

應用在 Editor 與 Studio 可用嗎?

可以。

相關

更新於:

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