本物のディレクトリにコントロールが1つだけということは少ないです。名前を打ちかつ部署を選び、都市と価格帯で絞ります。このガイドは、訪問者を3つの別リストに送らず、それらを1ページに載せる方法です。
端から端までの形：検索可能なディレクトリ。他のチュートリアル：Wix CMSガイド。
目指すUI
| Control | 例フィールド | Job |
|---|---|---|
| Search bar | Name、summary | 自由テキスト検索 |
| Category filter | Category / Type | 閲覧 |
| Range filter | PriceまたはDate | 最小／最大 |
ネイティブメモ
Studio / Editorでは、dataset接続の入力を複数重ねられます（ドロップダウン＋selection tagsなど）。打ちながら絞るキーワード検索は、多くの場合Veloかアプリが必要です。条件がきれいに合わさるよう、フィルタはリピーターと同じdatasetに置いてください。
Harmonyでは、1つのネイティブリスト上の訪問者マルチフィルタUIは今日限定的です。アプリウィジェットか別Repeaterを計画（CMS制限）。
1表示・多数コントロール（CMS for Harmony）
Editor・Studio・Harmonyで動作。
- Name、Category、数値または日付フィールドがあるコレクションにTableまたはRepeaterを接続。
- Show search barを有効化。
- CategoryにShow filter（equals）を追加。
- PriceまたはDateに範囲向けフィルタ（greater/less thanまたはbetween）を追加。
- Filters display：短いセットはTop、密度の高いディレクトリはSide。
- 公開し、検索のみ・フィルタのみ・両方を試す。
マッチ条件とShow filter vs Choose value：Search & filters docs。
焦点ガイド
| 部品 | 記事 |
|---|---|
| 検索のみ | 検索バーを追加 |
| カテゴリのみ | カテゴリフィルタ |
| パネル全オプション | Search and filtersの概要 |
| 密な列 | 検索可能なテーブル |
チームがアプリを使う理由
| Task | Native Harmony | CMS for Harmony |
|---|---|---|
| 1リストでキーワード＋カテゴリ＋範囲 | 今日はぎこちない／限定的 | Search & filtersで設定 |
| StudioとHarmonyで同じUI | ネイティブ構成が違う | 同じウィジェット |
| フィルタコードを避けたい | ライブ検索にVeloが必要なことが多い | パネルのトグル |
Color swatches、参照フィールド、Calendar／Slideshowの癖はプロダクトdocsへ—リリースで変わります。