メインコンテンツにスキップ

リスト:アイテムごとにボックスを表示/非表示にする

ブール値プロパティを活用すると、リスト内のアイテムごとに要素の表示・非表示を個別に設定できます。本記事では、その設定手順を説明します。

Point:リストとは

リストは、同じレイアウトのボックスをまとめて管理できる機能です。

テキストや画像などのデータを一元管理できるほか、Studio CMSなどと接続すれば、更新に応じて内容が自動反映される動的リストとしても使えます。

デフォルトでは、静的なリストとして機能します。

リスト機能の概要については、リストの記事を参照してください。

要素の表示/非表示を制御する

ブール値プロパティを使用して、特定の要素の表示・非表示を設定できます。おすすめ商品のマーク付けなど、特定のアイテムにのみ特別な表示を設定したい場合に活用できます。

設定手順

1.リストにブール値プロパティを追加する

  1. レイヤーパネルを開き、先頭に水色のリストアイコンが付いた要素を選択します。スクリーン上では、対象の要素の左上にリストアイコンが表示されます。

  2. 右パネルで[データ]タブを選択します。

    パネルが閉じている場合には、右パネルを開いてください。

  3. [+]をクリックしてブール値プロパティを追加します。

2.アイテム毎に有効/無効を設定する

要素を表示したいアイテムで、ブール値プロパティを有効にします。

スクリーンショット:ブール値を編集する様子。

3.表示条件を設定

  1. リストアイテムを編集モードに切り替えます。
    スクリーン上での操作が難しい場合には、レイヤーパネルでリストアイテムのレイヤーを選択します。

  2. 表示を制御したいボックスを選択します。

  3. 右パネルで[設定]タブを選択します。パネルが閉じている場合には、右パネルを開いてください。

  4. 表示条件の入力フィールドで、[Boolean]ブール値を選択します。

  5. [is True]または[is False]を選択します。要素を表示したい状態に合わせて選びます。

    表示条件を設定する様子

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