メインコンテンツにスキップ
すべてのコレクションよくある質問CMS
特定のCMS記事にのみ「新着」バッジを表示する方法
特定のCMS記事にのみ「新着」バッジを表示する方法

Studioで特定のCMS記事にのみバッジを表示する方法について解説します。

Saika avatar
対応者:Saika
1か月以上前に更新

特定のCMS記事にのみ「新着」バッジを表示する方法

CMSプロパティと表示条件を組み合わせることで、特定のCMSアイテムにテキストや画像を表示することができます。

本記事では、一例としてCMSリストで特定のアイテムに「New」という要素を表示する場合の手順をご紹介します。動的(CMS)リストでの手順をご紹介しますが、動的ページでも実装可能です。

設定手順

1. 記事タイプモデルを新規作成

2. ブール値プロパティの追加

アイテムに「ブール値プロパティ」を追加します。

3. ブール値の設定

アイテムの「ブール値プロパティ」を編集。今回は有効(青)になっているアイテムにだけ要素を表示させるよう設定します。

4. エディタでCMSリストをページに配置

次に、エディタへ移動しCMSリストをページへ配置します。

5. 新規バッジの追加

リスト内アイテムのいずれかに、表示したい要素を追加します。

6. 表示条件の設定

設定方法は2つあります。

レイヤーパネルから設定

配置した要素を選択しレイヤーパネルを開きます。ブール値プロパティ右横の青い丸をクリックし、線を引っ張り要素につなげます。

ボックス設定パネルから設定

配置した要素を選択し画面右のボックス設定パネルを開きます。[表示条件]でブール値プロパティを選び、[is True]を選択します。

出し分け 新着 表示のカスタマイズ

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