瞭解如何管理產品目錄頁面和範本。
在AEM Content and Commerce編寫歷程的上一個檔案中, AEM CIF製作基本概念快速入門,您已學習CIF編寫的基本知識。
本文基於這些基礎之上。
本檔案可協助您瞭解如何管理產品目錄頁面和範本。 阅读本文档后,您应:
Venia storefront提供典型的產品目錄體驗,包括導覽、登陸、類別(PLP)和產品詳細資料頁面(PDP)。
目錄頁面是使用AEM CIF目錄範本及即時產品資料來動態建置,並會在需要時從商務端點擷取。 每個目錄都有產品和類別頁面的一般範本。
導覽元件會顯示內容和目錄頁面。 可以在導覽中顯示目錄登陸頁面或第一級類別。 將滑鼠懸停在類別上會將第二層類別顯示為第二行。
按一下類別會開啟類別頁面(或產品清單頁面)。
按一下產品即會開啟產品詳細資料頁面。
一般Venia目錄範本使用產品清單核心元件。 此元件會顯示類別影像(如果可用)和類別中的產品。
一般Venia產品範本使用產品詳細資料核心元件。 此元件會顯示各種產品型別和加入購物車動作的產品資訊。
您可以直接開啟範本頁面或在瀏覽產品目錄頁面時切換到編輯模式來編輯範本。 請記住,變更頁面將會變更範本,而不僅僅是產品/類別的特定頁面。
CIF僅需按幾下即可支援多個範本。 若要建立其他範本,請從個別類別中選取一般範本,然後使用 建立 動作。
選取個別產品或類別範本。
輸入標題並建立頁面。
請注意,您現在在一般範本底下有一個特定範本。
開啟範本。 它看起來完全像一般類別範本。
在頁面上方新增任何影像。
此範本可與任何類別/產品一起預覽。 開啟 頁面資訊 然後選取 使用類別/產品檢視. 從選擇器中選取產品/類別,以取得此產品/類別的預覽。 選取 購買外觀 類別以取得更新範本的預覽。
現在我們必須將此範本指派給特定類別。 在中開啟屬性 頁面資訊 選單並切換至商務標籤。 按一下資料夾圖示以選取 購買外觀 類別選擇器中的類別。 您可以啟用核取方塊,將多個類別指派給範本,並且包含子類別。
返回主首頁並按一下 購買外觀 類別,以檢視特定範本。 所有其他類別仍使用通用範本。
可套用相同的工作流程來建立個別產品範本。
現在您已完成歷程的這一部分,您應:
在此知識的基礎上繼續您的歷程,接下來檢視檔案 管理分階段產品目錄體驗,瞭解如何使用分階段產品資料和AEM啟動。
我們建議您檢閱檔案,繼續下一段歷程 管理分階段產品目錄體驗下)是一些其他可選資源,這些資源對本文檔中提到的一些概念進行了更深入的探究,但並非繼續無頭之旅的必要: