添加内容 — 动态块
使用动态块内容类型将现有动态块添加到Page Builder 阶段。
店面上的 {width="700" modal="regular"}
动态块工具箱
向阶段添加现有动态块
-
导航到目标页面、块、产品或类别上的Page Builder工作区。
-
在Page Builder面板中,展开 Add Content 并将 Dynamic Block 占位符拖到舞台上。
{width="600" modal="regular"}
-
将鼠标悬停在空的动态块容器上以显示工具箱,然后选择 设置 ( {width="20"} )图标。
{width="600" modal="regular"}
-
在 编辑动态块 页面上,单击 Select Dynamic Block 并使用列表选择块。
{width="600" modal="regular"}
在列表中,找到要插入的动态块,然后单击 Select。 然后,单击 Add Selected。
{width="600" modal="regular"}
下面显示了动态块信息的摘要。
{width="600" modal="regular"}
-
将 Template 设置为以下项之一:
table 0-row-2 1-row-2 2-row-2 layout-auto 选项 描述 Dynamic Block Block Template
添加独立块。 Dynamic Block Inline Template
将块内容插入到文本中。 {width="200"}
-
根据需要完成高级设置。
-
完成后,单击 Save 以应用设置并返回到Page Builder工作区。
高级设置
-
若要控制动态块在父容器中的位置,请选择 Alignment:
table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto 选项 描述 Default
应用在当前主题的样式表中指定的对齐默认设置。 Left
将列表沿父容器的左边框对齐,并允许使用指定的任何边距。 Center
将列表与父容器的中心对齐,并允许使用指定的任何边距。 Right
沿父容器的右边框对齐块,并允许指定的任何边距。 -
设置应用于动态块容器所有四个侧面的 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
容器边框显示为外线。 -
如果设置了除
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
编辑动态块容器设置
-
将鼠标悬停在动态块容器上以显示工具箱并选择 设置 ( {width="20"} )图标。
{width="500" modal="regular"}
-
如果需要,请更改动态块:
-
单击 Select Dynamic Block。
{width="20"}
-
在活动动态块列表中,单击要添加块的 Select。
-
-
根据需要更新其余设置。
-
完成后,单击 Save 以应用设置并返回到Page Builder工作区。
复制动态块
-
将鼠标悬停在动态块容器上以显示工具箱并选择 复制 ( {width="20"} )图标。
副本会出现在原始文件的正下方。
{width="500" modal="regular"}
-
若要将新的动态块移动到其他位置,请将鼠标悬停在其容器上,然后在工具箱中选择 移动 ( {width="20"} )。
-
选择并拖动动态块,直到红色指示线出现在新位置。
移动动态块时,每个容器的顶部和底部边框显示为虚线。
从舞台上删除动态块
-
将鼠标悬停在动态块容器上以显示工具箱并选择 删除 ( {width="20"} )图标。
-
提示确认时,单击 OK。