メインコンテンツにスキップ
動的リスト・ページの表示条件とは

CMS機能の表示条件を使うと、動的リストやページ内の要素を特定の条件下でのみ表示することできます。表示条件の概要と設定方法について解説します。

Saika avatar
対応者:Saika
今週アップデートされました

表示条件とは

表示条件とは、動的(CMS)リスト動的ページ内の要素を特定の条件下でのみ表示させる機能です。この機能を使うことで、コンテンツの状態に応じて要素の表示・非表示を切り替えることができます。

ユースケース

  • 開催中のイベントにのみ申し込みボタンを表示

  • セール商品にのみ「SALE」バッジを表示

表示条件の種類

1. 「is set」と「is empty」条件

これらの条件を指定すると、「CMSアイテムに指定のプロパティが設定されているかどうか」を元に、要素の表示・非表示を切り替えることが可能です。

詳しい設定方法は、特定のCMSアイテムに「NEW」バッジを表示する方法をご覧ください。

ユースケース

  • 開催中のイベントにのみ申し込みボタンを表示

  • セール商品にのみ「SALE」バッジを表示

設定可能なプロパティ:

スクリーンショット:表示条件を設定する様子。

2. 「is」と「is not」条件

これらの条件は、参照プロパティ(シングル)とセレクトプロパティに対してのみ設定できます。条件を指定すると、特定の値と一致する(または一致しない)場合に要素を表示することができます。

ユースケース

  • 特定著者の記事のみにバッジを表示

  • 特定カテゴリー以外の記事に要素を表示

設定可能なプロパティ:

スクリーンショット:表示条件が設定された様子。

表示条件の設定方法

1. 表示条件を開く
CMSリストまたは動的ページ内の要素をクリックし、ボックス設定パネルを開きます。

2. プロパティの選択
表示条件の[表示条件を設定]と書かれた入力欄をクリックして、条件を指定するプロパティを選択します。

スクリーンショット:表示条件を設定する様子。
スクリーンショット:表示条件のプロパティを設定する様子。

3. 表示条件の選択
適用したい表示条件を選択します。設定を解除したい場合は、表示条件右の「×」をクリックします。

スクリーンショット:表示条件を選択する様子。

注意プロパティが選択肢に表示されない場合

参照プロパティのマルチセレクトは表示条件として選択できない仕様となります。選択したいプロパティが選択肢に表示されない場合は、参照プロパティのマルチセレクトになっていないかお確かめください。

マルチセレクトになっている場合は、一度そのプロパティを削除して、再度参照プロパティをシングルセレクトで追加してください。

こちらの回答で解決しましたか?