Built on WIX Headless

部落格 / how-to

如何為 Wix CMS 內容加入搜尋列

· Wix CMS 搜尋列

如何為 Wix CMS 內容加入搜尋列

CMS 搜尋列讓人打幾個字就看清單縮小—在員工目錄找「Maria」、在刊登頁找「Austin」、在資源庫找「brochure」。這與搜尋整站頁面的 site search 不同。

這份指南涵蓋原生路徑(主要 Studio / Editor)與 CMS for Harmony 免程式碼小工具路徑,後者適用 Editor、Studio 與 Harmony。

另見 Wix CMS 指南。

Site searchCMS search
搜尋範圍頁面與網站內容集合顯示中的項目
典型 UI全站搜尋框Repeater、Table 或 gallery 上方的搜尋欄
何時用訪客找頁面訪客在目錄或型錄內找

若問題是「幫人瀏覽 80 位團隊成員」,你要的是 CMS search。

原生選項(Studio 與 Editor)

在 Studio(以及許多 Editor CMS 設定)把 Repeater 連到 dataset,再接上輸入元素讓訪客篩選。分類式欄位的下拉等控制,是 Wix CMS 說明裡文件完善的免程式碼路徑。

即時關鍵字搜尋框—邊打邊篩—通常需要一點 Velo(用類似 contains 在純文字欄位篩選 dataset)。Rich text 不適合這類搜尋。

若不想維護程式碼,內建搜尋列的應用小工具通常更快。

Harmony

Harmony 內建 CMS 可顯示連線清單,但沒有 Studio 建置者期待的那種單一清單訪客搜尋介面。常見變通:每分類一份清單,或安裝 CMS for Harmony 並開啟 Show search bar。更多:Harmony CMS 限制。

CMS for Harmony(三個編輯器)

  1. 安裝 CMS for Harmony。
  2. 加入 Table、Repeater、Calendar、Media Gallery 或 Slideshow 並連集合。
  3. 開啟 Search & filters 並啟用 Show search bar。
  4. 發布,再以訪客身分用你知道存在的名字或詞測試。

搜尋會看該小工具對應的文字型欄位(例如 Calendar 用 Title 與 Details)。精確行為:Search & filters docs。

並排比較

Native HarmonyCMS for Harmony
單一清單上的訪客關鍵字搜尋今日無法以同樣方式使用切換 Show search bar
EditorsHarmonyEditor、Studio、Harmony
綁定模型原生 Repeater 欄位僅應用小工具

簡單範例

Collection: Directory(Name、Role、City、Bio)
Display: Repeater 卡片
Goal: 輸入「Austin」或人名就篩選卡片

開啟搜尋。準備好 Role 或 City 按鈕時,加入分類篩選。

下一步

相關

更新於:

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