媒体 — 横幅

在Page Builder面板中，展开​ Media ​并将​ Banner ​占位符拖到舞台上。

{width="600" modal="regular"}

已包含​ Upload Image ​和_Select from Gallery_​按钮，因此您可以直接从舞台快速更改横幅内容。 您还可以更改​ Edit Banner ​页面上的内容。

单击横幅占位符以显示文本编辑器并输入横幅的内容。

您还可以使用Content设置包含更复杂的横幅内容。

将鼠标悬停在横幅容器上以显示工具箱，然后选择​ 设置 （ ）图标。

有关更新可用设置的详细信息，请参阅以下部分：

• Appearance
• Content
• Background
• Advanced

完成后，单击右上角的​ Save ​以关闭​ Edit Banner ​页面。

单击右上角的​ Save ​以应用设置并返回到Page Builder工作区。

单击占位符文本，然后输入要显示在横幅上的文本。

编辑器工具栏显示在文本框上方。

{width="600" modal="regular"}

使用编辑器工具栏输入文本和设置文本格式，以及插入元素，例如链接、图像和小组件。

{width="600" modal="regular"}

将鼠标悬停在横幅容器上以显示工具箱，然后选择​ 设置 （ {width="25"} ）图标。

向下滚动到​ Content ​部分，并使用​ Message Text ​编辑器输入横幅文本并设置其格式。

您还可以插入元素，如文本链接、图像和小组件。

{width="600" modal="regular"}

如果需要，请为横幅指定​ Link。

该链接是客户单击横幅按钮或区域时显示的目标页面。 您可以使用以下三种链接类型之一：

• URL — 链接到相对或完全限定的URL。
• Product — 根据产品名称或SKU标识目标页面。 根据部分名称或全名按名称搜索产品。 从搜索结果列表中选择产品。
• Category — 将目标页面标识为类别树中的特定类别或子类别。 根据部分名称或全名搜索类别。 从所显示树的展开部分中选择类别。
• Page — 将目标页面标识为特定内容页面。 根据部分名称或全名搜索页面。 从搜索结果列表中选择页面。

note note
NOTE
从2.4.1版本开始，由于店面显示问题，Page Builder不再支持链接横幅和嵌套文本中的链接。 如果您在​_Message Text_​中使用链接，则无法配置​_Link_​选项。 如果您希望将单个链接用于整个横幅，则可以从文本中删除所有链接。
{width="200"}

如果需要，可添加按钮以提示客户关注该链接。

横幅“外观”设置将单个链接或按钮放置在文本下方。 完成要添加链接或按钮的属性。

{width="600" modal="regular"}

• 将​ Show Button ​设置为以下项之一：

  table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
  选项	描述
  Always	横幅上始终会显示一个按钮。
  On Hover	仅悬停时横幅上才会显示一个按钮。
  Never Show	横幅上绝不显示按钮。

• 输入要显示在按钮上的​ Button Text。

• 将​ Button Type ​设置为以下项之一：

  table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
  选项	描述
  Primary	从当前样式表中应用主按钮样式。
  Secondary	应用当前样式表中的辅助按钮样式（如果适用）。
  Link	创建超链接而不是按钮。

  当前主题中的按钮样式决定了按钮格式。 通常，主按钮的背景颜色比辅助按钮更突出。

将​ Show Overlay ​设置为以下项之一：

您可以使用叠加将背景颜色应用于由Appearance设置定义的活动内容区域。 横幅背景图像在横幅全宽范围内保持可见。

如果选择显示叠加，请设置​ Overlay Color：

• 单击​ 无颜色 ​样本，然后选择样本。
• 在​ 无颜色 ​字段中，输入有效的颜色名称或十六进制值。

{width="600" modal="regular"}

单击右上角的​ Save ​以应用设置并返回到Page Builder工作区。

带有短信和按钮的 {width="600" modal="regular"}

要控制添加到横幅的内容容器的水平位置，请选择​ Alignment：

设置应用于横幅容器所有四个侧面的​ Border ​样式：

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

• Border Color — 通过选择色板、单击拾色器或输入有效的颜色名称或等效的十六进制值来指定颜色。

  {width="600" modal="regular"}

• Border Width — 输入边框线条宽度的像素数。

• Border Radius — 输入像素数，以定义用于使边框每个角倒圆角的半径大小。

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

用空格分隔多个类名。

输入​ Margins and Padding ​的值（以像素为单位）以指定横幅的外边距和内边距。

在横幅容器图中输入每个相应的值。