注释
Dynamics 365 Commerce的零售兴趣组已从 Yammer 迁移到Viva Engage。 如果你无权访问新的Viva Engage社区，请填写此表单（https://aka.ms/JoinD365commerceVivaEngageCommunity），以便添加并继续参与最新的讨论。
本文介绍活动图像模块以及如何将其添加到Microsoft Dynamics 365 Commerce中的网站页面。
使用活动图像模块在图像中嵌入产品标记。 然后，电子商务站点用户可以将鼠标悬停在标记上以预览图像中显示的产品。 预览显示在弹出窗口中。 当用户选择预览弹出窗口时，他们可以直接转到相应产品的产品详细信息页（PDP）。
使用图像上的 X 和 Y 坐标定义标记。 将每个标记点配置为图像中标记代表的产品的产品 ID。
下图显示了 Adventure Works 主页上主图上的预览弹出窗口示例。
注意
- 活动映像模块从 Dynamics 365 Commerce 版本 10.0.20 开始可用。
- Adventure Works 主题中展示了活动图像模块。
活动图像模块属性
| 属性名称 | 值 | 描述 |
|---|---|---|
| 图像 | 图像文件 | 图像可用于展示一个或多个产品。 可以将图像上传到 Commerce 站点生成器中的媒体库，也可以使用现有图像。 |
| 宽度 | 像素数 | 此属性定义图像的宽度。 基于图像的宽度计算活动坐标。 |
| 有效坐标 | X 和 Y 坐标，以及产品 ID 编号 | 每个活动图像阵列由 X 和 Y 坐标以及产品 ID 编号组成。 |
| 标题 | 标题文本和标题标记（H1、H2、H3、H4、H5 或 H6） | 默认情况下，H2 标题标记用于标题，但是可以更改标记以满足辅助功能要求。 |
| 段落 | 段落文本 | 模块支持富文本格式的段落文本。 支持某些基本的富文本功能，如超链接、加粗，加下划线、斜体文本。 为模块应用的页面主题可替代这些功能中的一部分。 |
| 链接 | 链接文本、链接 URL、可访问丰富 Internet 应用程序 (ARIA) 标签和在新选项卡中打开链接选择器 | 该模块支持一个或多个“调用操作”链接。 如果添加链接，则需要链接文本、URL 和 ARIA 标签。 ARIA 标签应该具有描述性，以满足辅助功能要求。 可以配置链接，使其在新选项卡上打开。 |
| 子文本 | 标题、文本和链接 | 可以添加图像的其他上下文，例如作者或设计者姓名，或指向个人博客的链接。 |
| 文本主题 | 浅或深 | 此属性允许用户基于背景图像将文本设置为浅色或深色。 它作为 Adventure Works 主题中的主题扩展提供。 |
将活动图像模块添加到新页面
若要将活动图像模块添加到新页面并设置所需的属性，请执行以下步骤：
- 转到模板，打开站点主页的市场营销模板（或创建新的市场营销模板）。
- 在默认页的主插槽，选择省略号 (...)，然后选择添加模块。
- 在选择模块对话框中，选择活动图像模块，然后选择确定。
- 选择保存，选择完成编辑签入模板，然后选择发布进行发布。
- 转到页面，然后打开站点的主页（或使用市场营销模板创建新主页）。
- 在默认页的主插槽，选择省略号按钮 (...)，然后选择添加模块。
- 在选择模块对话框中，选择活动图像模块，然后选择确定。
- 在活动图像模块的属性窗格中，添加图像，并将画布宽度设置为图像的大小。
- 设置 X 和 Y 坐标，并添加相应的产品 ID 编号。
- 根据需要添加和配置其他活动图像模块。
- 选择保存，然后选择预览以预览页面。
- 选择完成编辑签入模板，然后选择发布进行发布。