添加内容 — 产品Recommendations

使用 产品Recommendations 内容类型,用于添加现有的、活动的 推荐单位Page Builder 阶段 CMS页面、块或动态块。

NOTE
此 Page Builder 产品Recommendations Adobe Commerce 2.4.4及更高版本支持内容类型,该内容类型可在 产品Recommendations中继包版本3.0.x或更高版本. 添加 Page Builder 支持产品Recommendations, 请参阅安装信息. 此内容类型不适用于Magento Open Source。
NOTE
如果您对 Page Builder 内容,建议您增加 管理员会话生命周期 以防止会话在您工作时超时。

产品Recommendations工具箱

工具
图标
描述
移动
“移动”图标 {width="25"}
将产品推荐容器及其内容移动到舞台上的另一个位置。
设置
“设置”图标 {width="25"}
打开“编辑产品推荐”页面,您可以在其中选择推荐单元并更改容器的属性。
隐藏
“隐藏”图标 {width="25"}
隐藏当前产品推荐容器及其内容。
显示
显示图标 {width="25"}
显示隐藏的产品推荐容器及其内容。
复制
“复制”图标 {width="25"}
复制产品推荐容器及其内容。
移除
“删除”图标 {width="25"}
从阶段中删除产品推荐容器及其内容。
NOTE
隐藏元素存储在数据库中,对客户不可见。 但是,这些元素对搜索引擎和对您的网站爬网的其他机器人可见。 如果通过具有不可见属性的API调用发出请求,则它们也会作为内容的一部分返回,除非您将它们从阶段中删除。

添加现有的推荐单位

  1. 确保您已拥有 已创建推荐单位 对于 Page Builder 页面类型。
NOTE
您可以为创建推荐单位 Page Builder 仅在默认商店视图中键入页面。
  1. 在编辑模式下打开页面、块或动态块。

  2. 展开 Content ​部分并单击​ Edit with Page Builder ​或在内容预览区域内打开 Page Builder 工作区。

  3. 在 Page Builder 下的面板 Layout,拖动​ Row ​舞台占位符。

  4. 在 Page Builder 下的面板 Add Content,拖动​ Product Recommendation ​行的占位符。

    添加产品推荐内容类型 {width="600" modal="regular"}

  5. 执行以下操作之一:

    • 单击 Edit Product Recommendation.
    • 将鼠标悬停在空容器上以显示工具箱,然后单击 设置 ( “设置”图标 )图标。

    编辑产品推荐 {width="600" modal="regular"}

  6. Selection ​部分,单击​ Select.

  7. 在活动产品推荐列表中,找到包含要添加的推荐单元的行,然后单击 Select 在最后一列。

    选定的产品推荐 {width="600" modal="regular"}

  8. 在右上角,单击 Add Selected.

    所选产品推荐的名称将显示在 Selection ​的部分​ Edit Product Recommendation 页面。

  9. 对进行必要的更改 高级设置.

    编辑产品推荐 {width="600" modal="regular"}

  10. 完成后,执行以下操作:

    • 如果使用完全最大化的浏览器窗口,请单击 关闭全屏 ( “关闭全屏”图标 )图标。

    • 单击 Save 以应用设置并返回到 Page Builder 工作区。

    当您返回到舞台时,产品占位符图像会显示在容器中。

编辑推荐单元设置

  1. 将鼠标悬停在推荐单位容器上以显示工具箱,然后单击 设置 ( “设置”图标 )图标。

    推荐工具箱 {width="600" modal="regular"}

  2. 对进行必要的更改 高级设置.

  3. 完成后,单击 Save 以应用设置并返回到 Page Builder 工作区。

复制推荐单位

  1. 将鼠标悬停在推荐单位容器上以显示工具箱,然后单击 复制 ( “复制”图标 )图标。

    副本会出现在原始文件的正下方。

  2. 要将重复的建议单位移动到新位置,请将鼠标悬停在容器上并单击 移动 ( “移动”图标 )图标。

  3. 选择并拖动推荐单位,直到红色准则出现在新位置。

    移动推荐单元时,每个容器的顶边框和底边框均显示为虚线。

从阶段中删除推荐单位

  1. 将鼠标悬停在推荐单位容器上,然后单击 移除 ( “删除”图标 )图标。

  2. 提示确认时,单击 OK.

高级设置

  1. 要控制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 将单位沿父容器的右边框对齐,并允许使用指定的任何边距。
  2. 设置 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 单位边框显示为外线。
  3. 如果设置的边框样式不是 None,完成边框显示选项:

    table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
    选项 描述
    Border Color 通过选择色板、单击拾色器或输入有效的颜色名称或等效的十六进制值来指定颜色。
    Border Width 输入边框线条宽度的像素数。
    Border Radius 输入像素数,以定义用于使边框每个角倒圆角的半径大小。
  4. (可选)指定以下项目的名称: CSS classes 从当前样式表应用到单位。

    用空格分隔多个类名。

  5. 以像素为单位输入 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
recommendation-more-help
85b60248-86a4-4d5f-9933-5179643f608d