コンテンツを追加 – 製品Recommendations

ページ、ブロック、またはダイナミックブロックを編集モードで開きます。

「Content」セクションを展開し、コンテンツプレビュー領域の​ Edit with Page Builder ​または内部をクリックして、Page Builder ワークスペースを開きます。

Page Builder パネルの Layout ​の下にある​ Row ​プレースホルダーをステージにドラッグします。

Page Builder パネルの Add Content ​の下で、Product Recommendation ​プレースホルダーを行にドラッグします。

{width="600" modal="regular"}

次のいずれかの操作を行います。

• 「Edit Product Recommendation」をクリックします。
• 空のコンテナの上にマウスポインターを置いてツールボックスを表示し、設定 （ ）アイコンをクリックします。

{width="600" modal="regular"}

「Selection」セクションで、「Select」をクリックします。

アクティブな商品レコメンデーションのリストで、追加するレコメンデーションユニットを含む行を見つけ、最後の列の Select をクリックします。

{width="600" modal="regular"}

右上隅の「Add Selected」をクリックします。

選択した製品レコメンデーションの名前が、Edit Product Recommendation ​のページの「Selection」セクションに表示されます。

詳細設定に必要な変更を加えます。

{width="600" modal="regular"}

完了したら、次の手順を実行します。

• 最大化されたブラウザーウィンドウで作業する場合は、ワークスペースの右上隅にある 全画面表示を閉じる （ ）アイコンをクリックします。

• 「Save」をクリックして設定を適用し、Page Builder ワークスペースに戻ります。

ステージに戻ると、製品プレースホルダー画像がコンテナに表示されます。

レコメンデーションユニットコンテナにカーソルを合わせてツールボックスを表示し、設定 （ ）アイコンをクリックします。

{width="600" modal="regular"}

詳細設定に必要な変更を加えます。

完了したら、「Save」をクリックして設定を適用し、Page Builder ワークスペースに戻ります。

レコメンデーションユニットコンテナにカーソルを合わせてツールボックスを表示し、ツールボックスの 複製 （ ）アイコンをクリックします。

複製は、元の画像のすぐ下に表示されます。

複製されたお勧めユニットを新しい位置に移動するには、コンテナの上にマウスポインターを置いて、ツールボックスの 移動 （ ）アイコンをクリックします。

推奨単位を選択して、新しい位置に赤いガイドラインが表示されるまでドラッグします。

レコメンデーションユニットを移動すると、各コンテナの上部と下部の境界線が破線で表示されます。

レコメンデーションユニットコンテナにマウスポインターを置き、ツールボックスの 削除 （ ）アイコンをクリックします。

確認を求めるメッセージが表示されたら、「OK」をクリックします。

親コンテナ内の商品Recommendationsユニットの位置を制御するには、Alignment のオプションを選択します。

Product Recommendationsユニットの 4 つの側面すべてに適用される Border スタイルを設定します。

None 以外の境界線のスタイルを設定する場合は、境界線の表示オプションを完了します。

（オプション）単位に適用する現在のスタイルシートの CSS classes の名前を指定します。

複数のクラス名はスペースで区切ります。

単位の外側の余白と内側のパディングを決定する Margins and Padding の値をピクセル単位で入力します。

対応する値を図に入力します。