文档CommercePage Builder

仅限PaaS

添加内容 — 动态块

最近更新： 2024年7月13日
  • 主题：

创建对象：

  • 初学者
  • 中级
  • 用户

使用动态块内容类型将现有动态块添加到Page Builder 阶段。

店面上的 动态块

NOTE
如果您对Page Builder内容进行了重大更改，建议您增加管理员会话生命周期以防止会话在您工作时超时。

动态块工具箱

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

向阶段添加现有动态块

  1. 导航到目标页面、块、产品或类别上的Page Builder工作区。

  2. 在Page Builder面板中，展开​ Add Content ​并将​ Dynamic Block ​占位符拖到舞台上。

    将动态块占位符拖到舞台

  3. 将鼠标悬停在空的动态块容器上以显示工具箱，然后选择​ 设置 （ 设置图标 ）图标。

    动态块工具箱

  4. 在​ 编辑动态块 ​页面上，单击​ Select Dynamic Block ​并使用列表选择块。

    选择动态块

    在列表中，找到要插入的动态块，然后单击​ Select。 然后，单击​ Add Selected。

    在列表中选择动态块

    下面显示了动态块信息的摘要。

    动态块摘要

  5. 将​ Template ​设置为以下项之一：

    选项
    描述
    Dynamic Block Block Template
    添加独立块。
    Dynamic Block Inline Template
    将块内容插入到文本中。

    动态块模板

  6. 根据需要完成高级设置。

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

高级设置

  1. 若要控制动态块在父容器中的位置，请选择​ Alignment：

    选项
    描述
    Default
    应用在当前主题的样式表中指定的对齐默认设置。
    Left
    将列表沿父容器的左边框对齐，并允许使用指定的任何边距。
    Center
    将列表与父容器的中心对齐，并允许使用指定的任何边距。
    Right
    沿父容器的右边框对齐块，并允许指定的任何边距。

  2. 设置应用于动态块容器所有四个侧面的​ Border ​样式：

    选项
    描述
    Default
    应用关联样式表指定的默认边框样式。
    None
    不提供任何容器边框的可见指示。
    Dotted
    容器边框显示为虚线。
    Dashed
    容器边框显示为虚线。
    Solid
    容器边框显示为实线。
    Double
    容器边框显示为双线。
    Groove
    容器边框显示为一条开槽线。
    Ridge
    容器边框显示为脊线。
    Inset
    容器边框显示为内嵌行。
    Outset
    容器边框显示为外线。

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

    选项
    描述
    Border Color
    通过选择色板、单击拾色器或输入有效的颜色名称或等效的十六进制值来指定颜色。
    Border Width
    输入边框线条宽度的像素数。
    Border Radius
    输入像素数，以定义用于使边框每个角倒圆角的半径大小。

  4. （可选）从当前样式表中指定要应用于容器的​ CSS classes ​的名称。

    用空格分隔多个类名。

  5. 输入​ Margins and Padding ​的值（以像素为单位）以确定动态块容器的外边距和内边距。

    在图表中输入相应的值。

    容器区域
    描述
    Margins
    应用于容器所有边的外边缘的空白空间量。 选项： Top / Right / Bottom / Left
    Padding
    应用于容器所有边的内边缘的空白空间量。 选项： Top / Right / Bottom / Left

编辑动态块容器设置

  1. 将鼠标悬停在动态块容器上以显示工具箱并选择​ 设置 （ 设置图标 ）图标。

    动态块工具箱

  2. 如果需要，请更改动态块：

    • 单击​ Select Dynamic Block。

      正在选择另一个动态块

    • 在活动动态块列表中，单击要添加块的​ Select。

  3. 根据需要更新其余设置。

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

复制动态块

  1. 将鼠标悬停在动态块容器上以显示工具箱并选择​ 复制 （ 复制图标 ）图标。

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

    复制动态块

  2. 若要将新的动态块移动到其他位置，请将鼠标悬停在其容器上，然后在工具箱中选择​ 移动 （ 移动图标 ）。

  3. 选择并拖动动态块，直到红色指示线出现在新位置。

    移动动态块时，每个容器的顶部和底部边框显示为虚线。

从舞台上删除动态块

  1. 将鼠标悬停在动态块容器上以显示工具箱并选择​ 删除 （ 删除图标 ）图标。

  2. 提示确认时，单击​ OK。

recommendation-more-help
85b60248-86a4-4d5f-9933-5179643f608d