头图

SAP Commerce Cloud Spartacus UI 的购物车 Cart 功能

JerryWang_汪子熙
English

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

Utilities Storefront:
https://jsapps.cy8u-telcoacce...

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的原创文章,尽在:"汪子熙":

阅读 228

Jerry Wang的SAP技术专栏
SAP成都研究院开发专家,SAP社区导师,SAP中国技术大使

Jerry 2007年从电子科技大学计算机专业硕士毕业后进入SAP成都研究院工作至今, SAP社区导师,SAP中国技术...

755 声望
1k 粉丝
0 条评论
你知道吗?

Jerry 2007年从电子科技大学计算机专业硕士毕业后进入SAP成都研究院工作至今, SAP社区导师,SAP中国技术...

755 声望
1k 粉丝
文章目录
宣传栏