IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 游戏开发 -> SAP Commerce Cloud Spartacus UI 的购物车 Cart 功能 -> 正文阅读

[游戏开发]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的原创文章,尽在:“汪子熙”:

  游戏开发 最新文章
6、英飞凌-AURIX-TC3XX: PWM实验之使用 GT
泛型自动装箱
CubeMax添加Rtthread操作系统 组件STM32F10
python多线程编程:如何优雅地关闭线程
数据类型隐式转换导致的阻塞
WebAPi实现多文件上传,并附带参数
from origin ‘null‘ has been blocked by
UE4 蓝图调用C++函数(附带项目工程)
Unity学习笔记(一)结构体的简单理解与应用
【Memory As a Programming Concept in C a
上一篇文章      下一篇文章      查看所有文章
加:2021-09-18 10:33:04  更:2021-09-18 10:34:56 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/17 15:34:11-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码