关于sap:SAP-Commerce-Cloud-Spartacus-UI-的购物车-Cart-功能

6次阅读

共计 2262 个字符,预计需要花费 6 分钟才能阅读完成。

此性能是在 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 的原创文章,尽在:” 汪子熙 ”:

正文完
 0