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