1. 条件変数の例

条件変数の例

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

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

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

次の例では、製品画像フレームはスローガン テキスト変数にマッピングされています。

    <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/c80adef0a23f4abda4ffebe899fbebf8?v=569327e6" alt="chili 条件変数 スローガンにマッピングされた製品画像">
  </p>
  <p>
    <strong>製品画像</strong>フレームが変更されると、<strong>スローガン</strong>変数は自動的に変更されます。
    
    <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/cd488b2b13b642928a4daecdc88720b3?v=98ec2372" alt="chili 条件変数スローガンにマッピングされた製品画像デモ">
  </p>
  <p>次のセクションでは、この条件変数の設定について説明します。</p>
  <section dir="ltr" class="section accordion accordion;" data-origin-id="" data-publication-date="05/27/22" id="step-by-step-configuration">
    <div class="accordion-icon"></div>
    <div class="panel panel-default">
      <div class="panel-heading active">
        <div class="titlepage">
          <div>
            <div class="title">
              <h2 class="title" style="clear: both" id="設定の手順説明">設定の手順説明</h2>
            </div>
          </div>
        </div>
      </div>
      <div class="panel-body collapse in" id="step-by-step-configuration_body" aria-expanded="true" style="">
        <blockquote class="NOTE note admonition" admonition="NOTE"><strong class="title">注意</strong>
          <p>この例では、ダイナミック フレームが既に作成されていることを前提としています。</p>
        </blockquote>
        <p>条件変数を使用してダイナミック フレームを設定するには:</p>
        <ol>
          <li>テンプレートの詳細ページの [<strong>ダイナミック フレーム</strong>] タブで、編集するフレームで [<strong>編集</strong>] 
            <img src="https://mss-p-003-delivery.sitecorecontenthub.cloud/api/public/content/6ec11cd5f7d84bcfab0681172602ae04?v=cd4895c3" alt="アイコンを編集" title="" width="30" height="30"> をクリックします。
          </li>
          <li>
            [<strong>ダイナミック フレーム</strong>] ダイアログボックスの [<strong>マッピング</strong>] タブにある [<strong>フレーム</strong>] ドロップダウン リストで、[<em>製品画像</em>] を選択します。
            
            <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>
この記事を改善するための提案がある場合は、 お知らせください!