SAP Commerce Cloud Spartacus UI 的购物车 Cart 功能
此功能是在 TUA Spartacus 庫的 1.0 版中引入的。
購物車在 TUA Spartacus 與核心 Commerce Spartacus 中的工作方式不同,需要支持產品供應以及復雜的定價結構,以支持多種類型的收費,包括一次性收費、經常性收費和基于使用的收費。 在各種費用中,對于購物車,客戶需要了解結帳時的立即付款費用以及每月經常性費用承諾。
什么是 TUA Spartacus?
項目“Spartacus” (TUA Spartacus) 的電信和公用事業加速器是一個基于 Angular 的精簡店面,用于 SAP Commerce Cloud,專門通過 Commerce REST API 工作。 TUA Spartacus 與 Telco 和 Utilities Accelerator 店面合作并對其進行了改進。 除了支持 Commerce REST APIs,Telco and Utilities Accelerator 還支持 TM Forum APIs 以提供行業特定的功能。
TUA 是 Telcom,Utilities 和 Accelerator 的縮寫。
Telcom Spartacus demo site:
https://jsapps.cy8u-telcoacce1-s5-public.model-t.cc.commerce.ondemand.com/telcospa/en/USD/
Utilities Storefront:
https://jsapps.cy8u-telcoacce1-s5-public.model-t.cc.commerce.ondemand.com/utilitiesspa/en/USD/
Selective Cart
此功能是在 Spartacus 庫的 1.5 版中引入的。
選擇性購物車功能(也稱為“保存以備后用”)允許客戶選擇他們希望購買的購物車中的哪些商品,并將其他商品留在購物車中以備將來考慮。 這改善了購物體驗并提高了轉化率。
選擇性購物車功能需要 SAP Commerce Cloud 1905.11 版。
還需要 selectedcartaddon AddOn。
Selective Cart 模塊是一組擴展,提供的功能允許客戶選擇購物車中的哪些商品進行結賬,同時將其他商品留在購物車中以備將來考慮。
設計圖:
saved cart
此功能是在 Spartacus 庫的 3.2 版中引入的。
保存的購物車功能允許用戶保存一個或多個購物車供以后使用。用戶可以從保存的購物車功能中受益,以增強他們的在線購物體驗。 例如,他們可以為他們定期購買的商品創建一個已保存的購物車,或者他們可以為特定類型的購買創建不同的已保存購物車。
Enabling Saved Cart
您可以通過安裝@spartacus/cart 功能庫來啟用保存的購物車功能。
保存的購物車功能由 CMS 驅動,由以下 CMS 組件組成:
- AddToSavedCartsComponent
- AccountSavedCartHistoryComponent
- SavedCartDetailsOverviewComponent
- SavedCartDetailsItemsComponent
- SavedCartDetailsActionComponent
您可以使用 SmartEdit 配置保存的購物車功能以在 Spartacus 中顯示保存的購物車組件,或者您可以使用 ImpEx 手動將它們添加到內容槽。
如果您使用的是 spartacussampledata 擴展,則已啟用保存的購物車組件。 但是,如果您決定不使用該擴展程序,則可以通過 ImpEx 啟用它們。
User Interface
保存的購物車功能通過名稱、描述和保存時間擴展了購物車界面。 保存購物車時,名稱是必需的,描述是可選的。
Cart Page
當您登錄并且您的購物車中有商品時,您只能從購物車頁面保存購物車。 如果您未登錄,“保存的購物車”和“保存購物車以備日后使用”鏈接會將您重定向到登錄頁面。
將一件或多件商品添加到您的購物車,然后打開購物車頁面。Save Cart For later 鏈接顯示在 Order Summary 旁邊,如下例所示:
點擊 Save Cart For Later 按鈕。
給保存下來的 cart 取個名字。
保存購物車后,您當前的活動購物車不再顯示,因為它已被保存。
Saved Cart History Page
保存購物車后,您可以在“保存的購物車”歷史記錄頁面中查看您保存的購物車列表。 您可以通過單擊“我的帳戶”下拉菜單中的“保存的購物車”來訪問歷史記錄頁面,如下例所示:
在“已保存的購物車”歷史記錄頁面中,您可以通過單擊已保存的購物車或行中的任何元素(“使購物車處于活動狀態”鏈接除外)來訪問任何已保存購物車的詳細信息。
以下是“已保存的購物車”歷史記錄頁面的示例:
單擊使購物車處于活動狀態時,您可以選擇在單擊恢復之前保留此已保存購物車的副本。 單擊“恢復”后,保存的購物車將成為活動購物車。 激活后,保存的購物車將從保存的購物車列表中消失,除非您選擇保留該保存的購物車的副本。 如果您選擇保留已保存購物車的副本,它會出現在您的已保存購物車列表中。 默認情況下,這個新保存的購物車的名稱是現有購物車名稱的副本,但您可以在復制的購物車名稱字段中設置保存的購物車的名稱,如下例所示:
Saved Cart Details Page
保存的購物車詳細信息頁面顯示有關特定保存的購物車的所有相關信息,例如購物車中的商品、數量和購物車的保存日期。
下圖是一個例子:
您可以通過單擊鉛筆圖標來更新已保存購物車的名稱和描述。 您還可以更改產品的數量,也可以將其從您保存的購物車中刪除。
如果您從已保存的購物車中移除所有商品,則已保存的購物車將被刪除,您將被重定向到“已保存的購物車”歷史記錄頁面。
注意,保存的購物車功能目前也不允許您從“保存的購物車詳細信息”頁面將多個產品添加到活動購物車。
更多Jerry的原創文章,盡在:“汪子熙”:
總結
以上是生活随笔為你收集整理的SAP Commerce Cloud Spartacus UI 的购物车 Cart 功能的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: NgRx Store createSel
- 下一篇: SAP Spartacus Tag Ma