コンテンツを追加 – 商品レコメンデーション

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

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

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

Add Content​の下のPage Builder パネルで、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​をクリックします。

親コンテナ内の商品レコメンデーションユニットの位置を制御するには、Alignment​を選択します。

商品レコメンデーションユニットの4つの側面すべてに適用される​Border スタイルを設定します。

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

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

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

Margins and Padding​の値をピクセル単位で入力して、単位の外側の余白と内側の余白を決定します。

対応する値をダイアグラムに入力します。