URLクエリフィルター：CMSリストの絞り込みフィルターを設置する

Point: CMSリストとは

CMSリストとは、Studio内外のデータを参照してサイト上で表示する動的リストのうち、Studio CMSの内部コンテンツデータを紐付けたリストです。

あらかじめ設定したCMSプロパティを元に、リストを動的に編集することも可能です。

URLクエリフィルターとは

サイト訪問者がCMSリストの表示アイテムを絞り込み検索できるフィルター（URLクエリフィルター）を設置できます。事前に参照プロパティを活用して設定したカテゴリーやタグなどを検索条件として使用します。

URLクエリフィルターは、次の条件を満たす場合にのみ設置が可能です。

以下の手順で、CMSリストの絞り込みフィルター（URLクエリフィルター）を設置します。

URLクエリフィルターを設置する前に、Studio CMSのコンテンツを作成しておきます。

以下いずれかの方法で、フィルターとCMSリストをページに設置します。

接続パネルのCMSタブに、プリセットパーツが用意されています。

プリセットパーツは、フィルターのみ、またはリスト＋フィルターのいずれかを選択できます。

検索ページには、あらかじめ以下のセットが配置されています。

サイト閲覧者が、検索ワードや検索条件を元にリストの表示アイテムを絞り込める検索ページを短時間で用意できます。

CMSリストのフィルター条件をURLクエリに設定し、リストの各種設定やレイアウト・外観の調整をします。

フィルターで絞り込み検索をしたいCMSリストをスクリーン上で選択します。リストアイテム単体ではなく、CMSリスト全体を選択してください。
右パネルの[データ]タブを開き、[フィルター]メニューを表示します。パネルが閉じている場合は、右パネルを開いてください。
[フィルター]メニューで、[+]をクリックしてフィルターを追加します。
プルダウンリスト内の[モデル]配下から、フィルター条件に使用する参照プロパティを選択します。
フィルター条件で[URLクエリ]を有効化します。
リストの表示設定をします。
それぞれの設定方法は、以下のヘルプ記事を参照してください。
- 表示数
- 0件の表示
- もっと見るボタン（Read more）
リストのレイアウトや外観を設定する場合には、以下のヘルプページを参考に設定を行なってください。
- ボックスのレイアウト設定
- ボックスの外観設定

注意：URLクエリフィルターの制限

フィルターを選択します。
右パネルの[データ]タブを開き、[フィルター設定]メニューを表示します。パネルが閉じている場合は、右パネルを開いてください。
[対象モデル]を確認します。
デフォルトで選択されているCMSモデルから変更する場合には、CMSリストに紐付けたモデルも同時に変更する必要があります。
表示項目を追加します。
表示項目を追加したい場合には、[表示項目]メニュー横の[+]をクリックして追加します。
表示項目を設定します。
設定済みの参照プロパティから、検索条件として使用したいプロパティを表示項目として選択します。
- ラベル：フィルター項目のラベルを編集するフィールドです。
- フィルター解除ラベル：フィルター項目の選択解除ボタンのラベルを編集するフィールドです。
- 項目を削除：フィルター項目を削除します。
[他のページに遷移する]を設定します。
フィルター結果を表示するCMSリストをURLクエリフィルター以外のページに配置している場合には、[他のページに遷移する]をオンにします。
トグルをオンにすると、遷移先ページの設定フィールドが表示されます。

Tips: URLクエリフィルターをモーダルに配置する

URLクエリフィルターをモーダルに配置し、検索結果をモーダルのリンク元ページに表示する場合には、[他のページに遷移する]をオンにしてください。