添加内容 — 产品Recommendations
使用 产品Recommendations 内容类型,用于添加现有的、活动的 推荐单位 到 Page Builder 阶段 CMS页面、块或动态块。
产品Recommendations工具箱
添加现有的推荐单位
- 确保您已拥有 已创建推荐单位 对于 Page Builder 页面类型。
-
在编辑模式下打开页面、块或动态块。
-
展开 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:
table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto 选项 描述 Default
应用在当前主题的样式表中指定的对齐默认设置。 Left
将单位沿父容器的左边框对齐,并允许使用指定的任何边距。 Center
将单位对齐父容器的中心,并允许指定的任何边距。 Right
将单位沿父容器的右边框对齐,并允许使用指定的任何边距。 -
设置 Border 应用于Product Recommendations单元所有四个方面的样式:
table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 5-row-2 6-row-2 7-row-2 8-row-2 9-row-2 10-row-2 layout-auto 选项 描述 Default
应用关联样式表指定的默认边框样式。 None
不提供任何单位边框的可见指示。 Dotted
单位边框显示为虚线。 Dashed
单位边框显示为虚线。 Solid
单位边框显示为实线。 Double
单位边框显示为双线。 Groove
单位边框显示为槽线。 Ridge
单位边框显示为脊线。 Inset
单位边框显示为内嵌线。 Outset
单位边框显示为外线。 -
如果设置的边框样式不是
None
,完成边框显示选项:table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto 选项 描述 Border Color 通过选择色板、单击拾色器或输入有效的颜色名称或等效的十六进制值来指定颜色。 Border Width 输入边框线条宽度的像素数。 Border Radius 输入像素数,以定义用于使边框每个角倒圆角的半径大小。 -
(可选)指定以下项目的名称: CSS classes 从当前样式表应用到单位。
用空格分隔多个类名。
-
以像素为单位输入 Margins and Padding 确定单位的外边距和内边距。
在图表中输入相应的值。
table 0-row-2 1-row-2 2-row-2 layout-auto 容器区域 描述 Margins 应用到设备所有侧的外边缘的空白空间量。 选项: Top
/Right
/Bottom
/Left
Padding 应用于设备所有侧的内边缘的空白空间量。 选项: Top
/Right
/Bottom
/Left