[PaaS のみ]{class="badge informative" title="Adobe Commerce on Cloud プロジェクト(Adobeが管理する PaaS インフラストラクチャ)およびオンプレミスプロジェクトにのみ適用されます。"}

回転するダイナミック ブロックを追加する

Adobe Commerce機能 {width="20"} Adobe Commerceのみの専用機能( 詳細情報

インタラクティブコンテンツのスライドショーを表示するには、ロテーターに複数の ​ 動的ブロック ​ を追加します。 ​ ウィジェット ​ ツールを使用すると、ローテーターを単一ページまたはストア全体の複数ページの特定の場所に配置できます。

​ ダイナミック ブロック ローテータ ​ {width="700" modal="regular"}

手順 1:個々のダイナミック ブロックを作成する

ロテータに配置する ​ ダイナミック ブロックを作成する ​ には、次の手順に従います。

手順 2:動的ブロックローテータウィジェットの追加

  1. 管理者 サイドバーで、Content/Elements/Widgets​に移動します。

  2. 右上隅の「Add Widget」をクリックします。

  3. 設定 で、TypeDynamic Blocks Rotator に設定します。

  4. ストアの現在の Design Theme を選択します。

    この設定は、ストアのページレイアウトを決定する現在のパッケージまたは ​ テーマ ​ を識別します。

  5. Continue」をクリックします。

    ​ ダイナミック ブロック回転子設定 ​ {width="600" modal="regular"}

手順 3:オプションの完了

  1. ストアフロントのプロパティ で、次のオプションを設定します。

    • ロテータの Title を入力します。

    • Assign to Store Views リストで、ロテータが使用可能な ​ ストア ビュー ​ を選択します。

    • (オプション)ターゲットコンテナ内のローテータの位置を決定する Sort Order 数を入力します。 これは、同じコンテナに割り当てられる可能性のある他のウィジェットに対する相対パスです。

    Rotator ストアフロントのプロパティ ​ {width="600" modal="regular"}

  2. レイアウトオプション の下の「Add Layout Update」をクリックして、次の操作を実行します。

    • ローテータを表示するページまたはページの種類に Display on を設定します。

      この例では、ロテータを Specified Page に配置します。

    • ロテータを表示する特定の Page を選択します。

    • ローテータを表示する ​ ページレイアウト ​ の部分に Container を設定します。

      他のウィジェットが同じコンテナに割り当てられている場合、並べ替え順に従って順番に表示されます。

    • Dynamic Block Template をデフォルトの Template として使用します。

      この設定により、回転子を単独で配置するか、既存のテキスト内に配置するかに基づいて、回転子の書式設定に使用するテンプレートが決定されます。

      ​ ローテーターレイアウトの更新 ​ {width="600" modal="regular"}

    • Save and Continue Edit」をクリックします。

  3. 左側のパネルで「Widget Options」を選択します。

  4. Dynamic Blocks to Display の場合、Specified Dynamic Blocks を受け入れます。

    この設定により、ロテータに含まれるダイナミック ブロックのタイプが決まります。

    • Specified Dynamic Blocks – 特定のダイナミックブロックのみが含まれます。
    • Cart Price Rule Related – 買い物かごの価格ルールに関連付けられた動的ブロックのみを含めます。
    • Catalog Price Rule Related - カタログ価格ルールに関連付けられている動的ブロックのみが含まれます。
  5. ウィジェットで使用できるを Restrict the Dynamic Block Types すには、「Content Area」を選択します。

    この設定では、バナーをページレイアウトの特定の部分に制限します。

    • Content Area - ページのメインコンテンツ領域に動的ブロックを配置します。
    • Footer - ページフッターに動的ブロックを配置します。
    • Header - ページヘッダーに動的ブロックを配置します。
    • Left Column – 可能な場合は、動的ブロックをページレイアウトの左側の列に配置します。
    • Right Column - ダイナミックブロックがページレイアウトの右側の列に配置されます(使用可能な場合)。
  6. Rotation Mode を次のいずれかに設定します。

    • Display all instead of rotating - ダイナミック ブロックのスタックを表示します。ここで、すべてが表示されます。

    • One at a time, Random – 指定したダイナミック ブロックをランダムに表示します。 ページを更新すると、別の(ランダムな)ダイナミックブロックが表示されます。

    • One at the time, Series – 指定したダイナミック ブロックが追加された順序で表示されます。 ページが更新されると、シーケンス内の次の動的ブロックが表示されます。

    • One at the time, Shuffle – 一度に 1 つのダイナミック ブロックを入れ替えて表示します。 このオプションは、同じダイナミック ブロックが繰り返されないことを除いて、One at a time, Random のオプションに似ています。

      Rotator ウィジェットのオプション ​ {width="600" modal="regular"}

  7. Specify Dynamic Blocks グリッドで、ロテータに含める各ダイナミック ブロックのチェックボックスをオンにします。

  8. 完了したら、「Save」をクリックします。

recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de