備註
Dynamics 365 Commerce 的零售興趣群組已從 Yammer 移至 Viva Engage。 如果您無法存取新的Viva Engage社群，請填寫此表單 （https://aka.ms/JoinD365commerceVivaEngageCommunity） 以新增，並繼續參與最新的討論。
本文涵蓋圖格清單模組，並說明如何在 Microsoft Dynamics 365 Commerce 中將它們新增到網站頁面。
圖格清單模組是輪播中的圖格集合。 它用於透過圖像和文字來行銷產品類別或產品品牌。 例如，零售商可以將圖格清單模組新增到電子商務網站的首頁，以促銷所有暢銷類別。
圖格清單模組由內容管理系統 (CMS) 中的資料驅動。 它不依賴於 Commerce headquarters 中的任何其他模組或資料。 圖格清單模組可以新增到零售商想要行銷或促銷某些內容 (例如產品、類別或品牌) 的任何網站頁面。
下圖顯示 Adventure Works 首頁上的圖格清單模組和圖格模組的範例。
重要
圖格清單模組自 Dynamics 365 Commerce 版本 10.0.20 發行版本起開始提供。 圖格清單模組使用 Adventure Works 主題展示。
圖格清單模組和主題
圖格清單模組可以根據主題支援各種不同的版面配置和樣式。 例如，在 Adventure Works 主題中，當網站使用者將滑鼠游標懸停在圖格上時，圖格會顯示動畫效果。 每個主題都可以包含圖格清單和圖格模組的其他屬性。 主題開發人員也可以為圖格清單和圖格模組建置額外的版面配置。
圖格清單模組屬性
| 屬性名稱 | 值 | 描述 |
|---|---|---|
| 標題 | 標題文字和標題標籤 | 圖格清單模組的文字標題。 |
圖格模組屬性
| 屬性名稱 | 值 | 描述 |
|---|---|---|
| 影像 | 影像檔案 | 圖像可用來展示一件產品或一個類別。 可以將圖像上傳到 Commerce 網站建立器中的媒體庫，也可以使用現有圖像。 |
| 標題 | 標題文字和標題標籤 ( H1、H2、 H3、 H4、 H5，或 H6) | 根據預設，H2 標題標籤用於標題，但可以變更標籤以滿足協助工具需求。 |
| 段落 | 段落文字 | 模組支援富文字格式的段落文字。 支援一些基本的富文字功能，例如超連結以及粗體、底線和斜體文字。 套用到模組的頁面主題可以覆寫其中一些功能。 |
| 連結 | 連結文字、連結 URL、無障礙豐富網際網路應用程式 (ARIA) 標籤和在新索引標籤中開啟連結 | 模組支援一或多個「行動呼籲」連結。 如果新增連結，則需要連結文字、URL 和 ARIA 標籤。 ARIA 標籤應具有描述性，以滿足可存取性需求。 可以設定連結，以便在新索引標籤上打開它們。 |
| 圖格連結 | 連結文字、連結 URL、 ARIA 標籤，和在新索引標籤中開啟連結選取器 | 此屬性用於定義「行動呼籲」連結。 如果新增連結，則需要連結文字、URL 和 ARIA 標籤。 ARIA 標籤應具有描述性，以滿足可存取性需求。 可以設定連結，以便在新索引標籤上打開它們。 |
| 圖示 | 影像 | 除了產品或類別圖像之外，還可以新增圖示符號。 圖示符號圖像將顯示在產品或類別圖像上方。 |
將圖格清單模組新增到新頁面
要將磁磚清單模組加入新頁面並設定所需屬性，請依照以下步驟操作：
- 移至範本，然後打開網站首頁的行銷範本 (或建立新的行銷範本)。
- 在預設頁面的主要插槽中，選取省略符號 (...)，然後選取新增模組。
- 在選取模組對話方塊中，選取圖格清單模組，然後選取確定。
- 選取儲存，選取完成編輯以簽入範本，然後選取發佈以進行發佈。
- 移至頁面，然後打開網站的首頁 (或使用行銷範本建立新的首頁)。
- 在預設頁面的主要插槽中，，選取省略符號按鈕 (...)，然後選取新增模組。
- 在選取模組對話方塊中，選取圖格清單模組，然後選取確定。
- 在圖格清單模組的屬性窗格中，新增標題。
- 在圖格清單插槽中，選取省略符號按鈕 (...)，然後選取新增模組。
- 在選取模組對話方塊中，選取圖格模組模組，然後選取確定。
- 在圖格模組的屬性窗格中，新增圖像、標題和圖示符號圖像。
- 根據需要新增和設定其他圖格模組。
- 選取儲存，然後選取預覽版以預覽頁面。
- 選取完成編輯以簽入範本，然後選取發佈進行發佈。