編寫Commerce體驗

上次更新: 2023-12-04
  • 建立對象:
  • User

概觀

CIF附加元件以特定於commerce的功能擴充AEM編寫功能。 這可讓作者在不離開內容的情況下存取產品資料和內容,以有效率地建置和管理商務相關的體驗。

選取器

產品和類別選擇器是模組UI對話方塊,可讓AEM作者在需要時輕鬆尋找和選取產品或類別。 核心元件、內容關聯和產品範本是設定需要產品目錄資料的一般區域。 選擇器支援各種設定選項,例如多重選擇、變數選擇和預先選擇值。

產品挑選器

此選取器可提供目錄結構瀏覽或全文檢索搜尋功能,以尋找產品。 具有變數的產品會在「型別」欄中提供資料夾圖示。 按一下資料夾圖示會開啟所選產品的變化。

產品選取器

按一下父類別會將作者帶回產品層級。

產品選取器

產品Teaser範例

未選取的Teaser元件

此元件的設定對話方塊需要產品。 CIF會使用SKU作為產品識別碼。 作者可以手動輸入SKU或按一下資料夾圖示以開啟產品選擇器。 選取並關閉選擇器後,元件對話方塊會顯示所選產品的名稱

具有選取範圍的Teaser元件

類別選取器

此選取器可提供在目錄結構中瀏覽以尋找類別的功能。

類別選取器

類別輪播範例

未選取的轉盤元件

此元件的設定對話方塊需要1 : n類別。 CIF會使用UID / ID作為類別識別碼。 作者可以手動輸入UID或按一下資料夾圖示以開啟類別選擇器。 選取並關閉選擇器後,元件對話方塊會顯示所選類別的名稱。

具有選取範圍的轉盤元件

Universal Editor

Universal Editor已擴充功能,可存取即時產品資料和相關產品內容。

存取產品資料

在編輯器側面板中的「資產」索引標籤中,選取「產品」型別即可存取產品資料。 會從設定的商務端點即時擷取資料。 此篩選器是商務端點上的全文檢索搜尋,以尋找特定產品。

產品資料側面板

與資產類比,產品可在頁面上加入(這會建立產品Teaser元件作為預設)或元件(目前支援的是產品Teaser和產品輪播)。

使用RTE在文字欄位中新增連結

CIF產品目錄頁面是即時轉譯的虛擬頁面。 因此,不可能內嵌一般AEM頁面之類的超連結。 CIF將動作「商務連結」新增至RTE (RTF編輯器)。 此動作的運作方式與一般的「超連結」動作完全相同,但可讓作者使用選擇器選取產品或類別。

RTE

>[!NOTE]
>
>如果同時選取類別和產品,則會採用產品。

這會建立預留位置連結,在頁面轉譯時以實際連結取代。

存取關聯產品內容

如果通用編輯器辨識出頁面上的1:n產品,側面板會自動顯示「關聯的商務內容」索引標籤。 此索引標籤可讓作者快速存取已使用產品標籤的AEM內容(請參閱 利用關聯AEM內容豐富產品資料 以取得詳細資訊)。 如果頁面上有多個產品,此標籤會提供下拉式選單,以篩選內容型別和特定產品。 使用內容的運作方式與使用「資產」標籤中的內容完全相同。

產品資料側面板

預覽階段產品資料

編輯器中的時間扭曲模式可讓作者根據時間扭曲日期,使用分階段產品目錄資料來預覽和瀏覽AEM體驗。

時間扭曲

如果使用的日期已分段,元件會顯示視覺指示器。

分段指標

Omnisearch

使用Omnisearch是從業人員使用全文檢索搜尋尋找AEM內容和產品目錄資料的簡單方法。 Omnisearch將在AEM和commerce後端中執行全文檢索搜尋,以在commerce後端和AEM內容中尋找產品目錄物件。 AEM結果也包含已標籤產品/類別資料的內容。

Omnisearch

結果會依型別分組。

>[!NOTE]
>
>Omnisearch中的全文檢索搜尋不支援相關聯的內容片段。 使用SKU或UID來尋找相關聯的內容片段。

此頁面上的