媒体 — 图像

在Page Builder面板中，展开​ Media ​并将​ Image ​占位符拖到目标容器中。

可以将图像添加到行、列或选项卡中。 在以下示例中，将图像拖到空列中。

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

使用以下方法之一添加图像资源：

{width="500" modal="regular"}

• ​ 上传新映像 ​：使用此方法从您的系统上传新映像文件。

  • 单击​ Upload Image。

  • 找到并选择图像以将其添加到图库和目标容器中。

  作为替代方法，您还可以将图像文件从系统中拖放到​ 照相机 （ {width="20"} ）图标上。

• ​ 选择现有资源 ​：使用此方法从媒体存储/媒体集中选择现有图像资源。

  • 单击​ Select from Gallery。

  • 使用树导航到图像。

  • 单击缩略图，然后单击​ Add Selected。

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

• ​ 搜索并选择Adobe Stock图像 ​：使用此方法从Adobe Stock查找图像。

  note note
  NOTE
  此方法需要为您的管理员配置Adobe Stock集成。

  • 单击​ Search Adobe Stock ​并搜索图像。

  • 将预览或许可的图像保存到图库。

    有关使用Adobe Stock资源的详细信息，请参阅使用Adobe Stock图像。

  • 选择库中的资产缩略图，然后单击​ Add Selected。

图像会显示在目标容器中的占位符位置。 与背景图像不同，您可以将图像移动到当前容器中的不同位置或移动到其他容器。

{width="500" modal="regular"}

将鼠标悬停在图像容器上以显示工具框，然后选择​ 设置 （ {width="20"} ）图标。
文件名、尺寸和文件大小显示在当前图像下方。

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

要更改当前​ Image，请执行下列操作之一：

• ​ 上传新映像 ​：使用此方法从您的系统上传新映像文件。

  • 单击​ Upload Image。

  • 找到并选择图像以将其添加到图库和目标容器中。

• ​ 选择现有资源 ​：使用此方法从媒体存储/媒体集中选择现有图像资源。

  • 单击​ Select from Gallery。

  • 使用树导航到图像。

  • 单击缩略图，然后单击​ Add Selected。

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

• 搜索并选择Adobe Stock图像：使用此方法从Adobe Stock查找图像。

  note note
  NOTE
  此方法需要为您的管理员配置Adobe Stock集成。

  • 单击​ Search Adobe Stock ​并搜索图像。

  • 将预览或许可的图像保存到图库。

    有关使用Adobe Stock资源的详细信息，请参阅使用Adobe Stock图像。

  • 选择库中的资产缩略图，然后单击​ Add Selected。

要添加​ Mobile Image，请使用上一步中描述的相同方法选择要在移动设备上显示的图像。

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

如果需要，请为图像指定​ Link。

该链接是客户单击图像时显示的目标页面。 您可以使用以下三种链接类型之一：

• URL — 链接到相对或完全限定的URL。

• Product — 根据产品名称或SKU标识目标页面。 根据部分名称或全名按名称搜索产品。 从搜索结果列表中选择产品。

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

• Category — 将目标页面标识为类别树中的特定类别或子类别。 根据部分名称或全名搜索类别。 从所显示树的展开部分中选择类别。

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

• Page — 将目标页面标识为特定内容页面。 根据部分名称或全名搜索页面。 从搜索结果列表中选择页面。

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

如果要阻止访客离开您的商店，请选中​ Open in new tab ​复选框。 取消选中复选框后，链接的目标将在同一浏览器选项卡中打开，这可以有效地将访客导航到您商店之外的位置。

要添加​ Image Caption，请输入要显示在图像下方的文本。

题注的格式由与当前主题关联的样式表决定。

题注通常显示在图像下方，并为访客和搜索引擎提供有关图像的信息。 如果您的网站提供多种语言版本，则可以使用同一图像，但需要翻译标题。 在HTML中，<figcaption>标记是<figure>标记的子集。<figcaption>This is the image caption</figcaption>

根据需要更新任何其他设置：

• 搜索引擎优化
• 高级

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

将鼠标悬停在图像容器上以显示工具箱，然后选择​ 移动 （ {width="20"} ）图标。

{width="500" modal="regular"}

选择图像并将其拖动到新位置，正好位于红色准则的下方。

{width="500" modal="regular"}

将鼠标悬停在图像容器上以显示工具箱，然后选择​ 删除 （ {width="20"} ）图标。

提示确认时，单击​ OK。