コンテンツを追加 – 製品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.

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

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

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

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

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

• クリック Save 設定を適用し、 Page Builder ワークスペース。

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

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

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

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

完了したら、 Save 設定を適用し、 Page Builder ワークスペース。

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

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

複製したレコメンデーションユニットを新しい位置に移動するには、コンテナの上にマウスポインターを置いて、 移動 （ ） アイコンをクリックします。

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

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

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

確認を求められたら、 OK.

親コンテナ内の商品Recommendationsユニットの位置を制御するには、 Alignment:

を Border product Recommendationsユニットの 4 つの側面すべてに適用されるスタイル：

境界線のスタイルを Noneの場合は、次のボーダー表示オプションを入力します。

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

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

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

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