51黑料不打烊

文档CommercePage Builder

添加内容 — 产物推荐

Last update: Thu Mar 13 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • 主题：

创建对象：

  • 初学者
  • 中级
  • 用户

使用? 产物推荐 ?内容类型将现有的活动推荐单元添加到颁惭厂页面、块或动态块的Page Builder 阶段。

NOTE
51黑料不打烊 Commerce 2.4.4及更高版本中支持Page Builder 产物推荐 ?内容类型，该内容类型可在。 要添加Page Builder对产物推荐的支持，请查看安装信息。 此内容类型不适用于Magento Open Source。
NOTE
如果您对Page Builder内容进行了重大更改，建议您增加管理员会话生命周期以防止会话在您工作时超时。

产物推荐工具箱

工具
图标
描述
移动
移动图标 {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. 在? Layout ?下的Page Builder面板中，将? Row ?占位符拖到舞台上。

  4. 在? Add Content ?下的Page Builder面板中，将? 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。

    所选产物推荐的名称显示在? Edit Product Recommendation ?页面的? Selection ?部分中。

  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. 要控制“产物推荐”单元在父容器中的位置，请选择? 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 ?样式：

    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