フィルターとは、CMSリストで表示するアイテムを絞り込むための機能です。
サイト制作者がフィルターで表示アイテムを絞り込んだり、サイト訪問者が表示アイテムを絞り込むためのフィルターを設置できます。
Point：CMSリストとは
CMSリストは、Studio内外のデータを参照してサイト上で表示する動的リストのうち、Studio CMSの内部コンテンツデータを紐付けたリストです。
あらかじめ設定したCMSプロパティを元に、リストの表示内容を動的に編集できます。
フィルターの種類
フィルターは、以下のように分類できます。
仕様の詳細や操作方法は、それぞれのヘルプ記事を参照してください。
サイト制作者が表示アイテムを絞り込むフィルター
フィルターの種類 | 概要 |
CMSプロパティを条件に固定で絞り込みます。 | |
動的ページ上で表示中アイテムに応じて自動で絞り込みます。 |
訪問者が表示アイテムを絞り込むフィルター
フィルターの種類 | 概要 |
検索ワードフィルター | 検索ページと併用して使用するフィルターです。 検索フォームに入力したキーワードに応じて、表示アイテムを絞り込みます。 |
URLのクエリ文字列を元に、表示アイテムを絞り込みます。 |
利用できるフィルター条件
これらを複数組み合わせたフィルター条件を組むことも可能です。
フィルター条件 | 絞り込み方法 | 使用条件 |
指定した数値を基準に、以下いずれかの条件で絞り込む
|
| |
ブール値のオン/オフで絞り込み |
| |
プロパティのうち、1つだけを指定して絞り込み |
| |
プロパティのうち、1つ以上を指定して絞り込み | フィルター条件として指定できるのは5つまで | |
参照プロパティ / シングルセレクト | プロパティのうち、1つだけを指定して絞り込み |
|
参照プロパティ / マルチセレクト | プロパティのうち、1つ以上を指定して絞り込み | フィルター条件として指定できるのは5つまで |
検索ワード | 検索フォームに入力されたキーワードで絞り込み | 検索ページと併用して使用 |
URLのクエリ文字列の値に応じて絞り込み | 対象CMSリストに作用するURLクエリフィルターが設置 |
静的なフィルターを設定する
CMSプロパティを条件に、リストの表示アイテムを固定で絞り込むフィルターの設定方法を解説します。
設定例：
CMSモデル「商品」のアイテムのうち、価格が10,000円未満のワンピースのみをCMSリストで表示したい
フィルター条件の設定方法
デザインエディタでフィルターを設定する方法を説明します。
注意: サポート窓口へのお問い合わせについて
Studioサポートポリシーに基づき、サポート窓口では個別での設定方法の解説や、フィルター条件の掛け合わせ方法のご相談を承ることはできません。
不具合が疑われる挙動については、Studioへログイン後 右下の[?]よりチャットサポートへお問い合わせください。
設定手順
デザインエディタを開きます。
フィルターを設定したいCMSリストを選択します。リストアイテム単体ではなく、CMSリスト全体を選択してください。
正方形が4つ組み合わされたアイコン
が「リスト（List）」です。エディタ上では水色の枠で表示されます。
右パネルで[データ]タブを選択します。
パネルが閉じている場合は、右パネルを開いてください。
フィルターの設定をします。
データタブ内の[フィルター]メニュー横の[＋]をクリックし、フィルターに使用するプロパティを追加します。
※フィルターは最大で5件まで追加が可能です。
※フィルター条件を複数設定する際は、AND条件でのみ絞り込みが可能です。OR条件での絞り込みはできません。
フィルター条件を設定します。
フィルター条件には、デフォルトでURL クエリが設定されています。
設定フィールド横の鎖のアイコン
をクリックして、URLクエリの設定を解除してからフィルター条件を個別に設定します。
エディタ上やライブプレビューでフィルター条件が機能していることを確認します。
公開パネルでサイトの更新をします。
※公開中サイトでデザインエディタの編集をしている場合には必須の手順です。この操作を行わないと、デザインエディタ上の更新内容が公開サイトに反映されません。
注意：公開サイト上でのみ、リストの表示アイテムがフィルター条件と異なる場合
CMSアイテムの公開ステータスが「公開中」以外のアイテムは、公開サイト上では表示されません。
CMSダッシュボードで、CMSアイテムの公開ステータスを確認してください。
公開ステータスを変更後も状況が改善しない場合には、CMSアイテムが公開サイトで表示されませんを併せてご覧ください。