此功能是在 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/

![](https://img-blog.csdnimg.cn/img_convert/0882f144019d9539e5e568672b2574c6.png)

![](https://img-blog.csdnimg.cn/img_convert/a058e87e58efb6c976e15e8d5e507345.png)

Utilities Storefront：
https://jsapps.cy8u-telcoacce1-s5-public.model-t.cc.commerce.ondemand.com/utilitiesspa/en/USD/
![](https://img-blog.csdnimg.cn/img_convert/787ed3b5bb4e1b6f4145de9202b70105.png)

![](https://img-blog.csdnimg.cn/img_convert/47ea22e922c1613277847dd30d4e5039.png)

# Selective Cart

此功能是在 Spartacus 庫的 1.5 版中引入的。

選擇性購物車功能（也稱為“儲存以備後用”）允許客戶選擇他們希望購買的購物車中的哪些商品，並將其他商品留在購物車中以備將來考慮。 這改善了購物體驗並提高了轉化率。

選擇性購物車功能需要 SAP Commerce Cloud 1905.11 版。

還需要 selectedcartaddon AddOn。

Selective Cart 模組是一組擴充套件，提供的功能允許客戶選擇購物車中的哪些商品進行結賬，同時將其他商品留在購物車中以備將來考慮。

設計圖：
![](https://img-blog.csdnimg.cn/img_convert/7450ebe96641c3dfc1a9d07c5280d313.png)

# 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 旁邊，如下例所示：

![](https://img-blog.csdnimg.cn/img_convert/19b254a95fd81aa2ac2d95a5c6280139.png)

點選 Save Cart For Later 按鈕。

![](https://img-blog.csdnimg.cn/img_convert/a0f5159a81971423de8e4b62c88aeb80.png)

給儲存下來的 cart 取個名字。

儲存購物車後，您當前的活動購物車不再顯示，因為它已被儲存。

# Saved Cart History Page

儲存購物車後，您可以在“儲存的購物車”歷史記錄頁面中檢視您儲存的購物車列表。 您可以透過單擊“我的帳戶”下拉選單中的“儲存的購物車”來訪問歷史記錄頁面，如下例所示：

![](https://img-blog.csdnimg.cn/img_convert/1f4b3ae76fbc997ca726c4b8835ead17.png)

在“已儲存的購物車”歷史記錄頁面中，您可以透過單擊已儲存的購物車或行中的任何元素（“使購物車處於活動狀態”連結除外）來訪問任何已儲存購物車的詳細資訊。

以下是“已儲存的購物車”歷史記錄頁面的示例：

![](https://img-blog.csdnimg.cn/img_convert/9a20c3f48e6b80b8be8ac8ec5276e2c2.png)

單擊使購物車處於活動狀態時，您可以選擇在單擊恢復之前保留此已儲存購物車的副本。 單擊“恢復”後，儲存的購物車將成為活動購物車。 啟用後，儲存的購物車將從儲存的購物車列表中消失，除非您選擇保留該儲存的購物車的副本。 如果您選擇保留已儲存購物車的副本，它會出現在您的已儲存購物車列表中。 預設情況下，這個新儲存的購物車的名稱是現有購物車名稱的副本，但您可以在複製的購物車名稱欄位中設定儲存的購物車的名稱，如下例所示：

![](https://img-blog.csdnimg.cn/img_convert/e50d5bbdcd900fd3a81326f4fbb7accf.png)

# Saved Cart Details Page

儲存的購物車詳細資訊頁面顯示有關特定儲存的購物車的所有相關資訊，例如購物車中的商品、數量和購物車的儲存日期。

下圖是一個例子：
![](https://img-blog.csdnimg.cn/img_convert/c372bed021e098c8430dce9f65c4d701.png)

您可以透過單擊鉛筆圖示來更新已儲存購物車的名稱和描述。 您還可以更改產品的數量，也可以將其從您儲存的購物車中刪除。

如果您從已儲存的購物車中移除所有商品，則已儲存的購物車將被刪除，您將被重定向到“已儲存的購物車”歷史記錄頁面。

注意，儲存的購物車功能目前也不允許您從“儲存的購物車詳細資訊”頁面將多個產品新增到活動購物車。

SAP Commerce Cloud Spartacus UI 的購物車 Cart 功能

相關文章