条件変数の例

Version:

日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

CHILI editor を使用すると、リンクされたフレームが変更されたときに事前定義された値に自動的に変更される条件変数を作成できます。

次の例では、製品画像フレームはスローガン テキスト変数にマッピングされます。 CHILI の条件付き変数スローガンがマッピングされた製品画像

製品画像フレームが変更されると、スローガン変数は自動的に変更されます。 CHILI 条件付き変数スローガンがマッピングされた製品画像のデモ

次のセクションでは、この条件変数の設定について説明します。

設定の手順説明

注意

この例では、ダイナミックフレームが既に作成されていることを前提としています。

条件変数を使用してダイナミックフレームを設定するには:

テンプレートの詳細ページの [ダイナミックフレーム] タブで、編集するフレームで [編集] をクリックします。

[ダイナミックフレーム] ダイアログボックスの [マッピング] タブにある [フレーム] ドロップダウンリストで、[製品画像] を選択します。

            <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/20af67e4cb07486793bfcf353609e003?v=e0c00bc0" alt="条件変数フレーム製品画像">
          </li>
          <li>[<strong>マッピングを追加</strong>] をクリックします。</li>
          <li>
            [<strong>ソース リレーション</strong>] ドロップダウン リストで、[<em>製品</em>] を選びます。
            
            <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/66a0e33351634230830be63832e20df8?v=ee85b60b" alt="ダイナミック フレーム マッピング ソース リレーション">
          </li>
          <li>
            [<strong>プロパティの格納</strong>] ドロップダウン リストで、[<em>簡単な説明</em>] を選択します。
            
            <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/472d0756c7ee446b8c2ffa25df9f5dcb?v=caebbe38" alt="プロパティの格納が表示されたダイナミック フレーム マッピング フィールド">
          </li>
          <li>
            [<strong>テンプレート変数</strong>] ドロップダウン リストで、[<em>スローガン</em>] を選択します。
            
            <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/da766bfe46ad4177be0b663e24ab47a1?v=973c9fd2" alt="テンプレート変数が表示されたダイナミック フレーム マッピング フィールド">
          </li>
          <li>[<strong>保存</strong>] をクリックします。</li>
          <li>
            テンプレートの詳細ページでは、[<strong>製品画像</strong>] フレームに関連するマッピングが表示されます。
            
            <img src="https://mss-p-003-delivery.sitecorecontenthub.cloud/api/public/content/de471c9038fd49dcbc73f92d181823c9?v=d2317c36" alt="ダイナミック フレーム マッピング フレーム フィルターの追加">
          </li>
          <li>
            これにより、製品画像を変更すると、スローガンも変更されます。
            
            <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/b6e9e1d6aa2444ae94e5bc9868e609c8?v=bfba3367" alt="変数条件製品画像の変更">
          </li>
        </ol>
      </div>
    </div>
  </section>
</section>
<div class="footer-content">
  <div class="glossary-definitions"></div>
</div>
<footer></footer>

この記事を改善するための提案がある場合は、お知らせください!