訪問者の検索とフィルタは、大きなCMSリストを使いやすく保ちます。名前を打つ、カテゴリを選ぶ、価格や日付で絞る。このページは地図です—何ができるか、どのウィジェットが対応するか、次に開く焦点チュートリアル。
Editor、Studio、Harmonyで動作。CMS for Harmonyは3つすべてで動き、名前はHarmony専用ではありません。
目標から:Wix CMSガイド。
仕事に合うガイドを選ぶ
| 質問 | ここへ |
|---|---|
| コレクションアイテムのキーワード検索(サイト検索ではない) | 検索バーを追加 |
| カード上のカテゴリ/タグ閲覧 | Repeaterのカテゴリフィルタ |
| 検索+複数フィルタ+範囲 | 検索とフィルタを組み合わせる |
| 密な検索可能在庫 | 検索可能なテーブル |
| ディレクトリ一式 | 検索可能なディレクトリ |
| 正確なパネル表記 | Search & filtersドキュメント |
ネイティブ vs アプリ
| Editor | ネイティブ訪問者フィルタ | CMS for Harmony |
|---|---|---|
| Studio / Editor | 多くのカテゴリフィルタはdataset+入力;ライブキーワード検索はしばしばVelo | 組み込み検索UI付きの同じTable/Repeaterツールキット |
| Harmony | 今日は1つのネイティブリスト上の訪問者フィルタは限定的 | 対応ウィジェットのSearch & filters |
Harmonyのギャップ:CMS制限。アプリ=ウィジェットのみ(ネイティブText/Image/Buttonバインドなし)。
Search & filters対応ウィジェット
| Widget | Search / filters |
|---|---|
| Table | Yes |
| Repeater | Yes |
| Calendar | Yes — 検索はTitleとDetails |
| Media Gallery | Yes |
| Slideshow | Yes — マップされていればTitle/Text/Button label |
| Dynamic Page | No visitor search/filters |
| Form | N/A |
セットアップ概要(アプリ)
- 対応表示をコレクションに接続(許可される場合はPro Sheetsも)。
- Search & filtersを開く。
- Show search barおよび/またはShow filtersを有効化。
- 正しいマッチ条件(equals、contains、rangesなど)でフィルタを追加。
- 訪問者UIはShow filter、常時適用の隠れルールはChoose value。
- Filters displayをTopまたはSideに。
- 公開し、訪問者としてテスト。
重要なモード
| 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 catalog | Repeater/Table+Color swatches+category |
| Events | Calendar+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は訪問者フィルタに対応する?
今日は1リスト上の完全な訪問者入力としては未対応です。
アプリはEditorとStudioでも動く?
はい。