動的リストを配置したページでレイヤーパネルを開きます

画面左の[>]から左パネルを開き、[レイヤー]タブを選択するか、画面左下のアイコンリストからレイヤーアイコンを選択します。

動的リストのデータ設定を表示します

レイヤーからリストを選択します。正方形が4つ組み合わされたアイコンが「リスト（List）」です。エディタ上では水色の枠で表示されます。

データが紐付いたリスト（動的リスト）を選択すると、左パネルにデータ設定箇所が表示されます。

リストにデータが紐付いていない場合には、[データを紐づけ]ボタンから設定を行ってください。

コレクションが紐付いた動的リストではフィルター設定ができません。

フィルターの設定をします

データ設定内の[フィルター]で[＋]をクリックし、フィルターに使用するプロパティとフィルター条件を設定します。

※フィルターは最大で5件まで追加が可能です。

※フィルター条件を複数設定する際は、AND条件でのみ絞り込みが可能です。OR条件での絞り込みはできません。

※サイト閲覧者側が、リスト内コンテンツを複数条件指定で絞り込み検索をすることはできません。

エディタ上やライブプレビューでフィルター条件が機能していることを確認します。

公開パネルでサイトの更新をします。

※公開中サイトでデザインエディタの編集をしている場合には必須の手順です。この操作を行わないと、デザインエディタ上の更新内容が公開サイトに反映されません。