互動圖片模組
本文介紹活動圖像模組，並介紹如何將它們添加到網站頁面 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 號。
- 根據需要添加和配置其他活動映像模組。
- 選擇「 保存」，然後選擇預覽版 以預覽版頁面。
- 選擇 完成編輯 以簽入範本，然後選擇 發佈 以發佈它。