添加内容 — 产品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.

要控制Product Recommendations单元在父容器中的位置，请选择 Alignment：

设置 Border 应用于Product Recommendations单元所有四个方面的样式：

如果设置的边框样式不是 None，完成边框显示选项：

（可选）指定以下项目的名称： CSS classes 从当前样式表应用到单位。

用空格分隔多个类名。

以像素为单位输入 Margins and Padding 确定单位的外边距和内边距。

在图表中输入相应的值。