添加内容 — 产品Recommendations

在编辑模式下打开页面、块或动态块。

展开​ 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。

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

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

如果设置了除None之外的边框样式，请完成边框显示选项：

（可选）从当前样式表中指定要应用于该单位的​ CSS classes ​的名称。

用空格分隔多个类名。

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

在图表中输入相应的值。