SAP 电商云 Spartacus UI 和 CPQ Configurable Products 的集成

简介: SAP 电商云 Spartacus UI 和 CPQ Configurable Products 的集成

CPQ 可配置产品集成在 Spartacus 中提供了一个用户界面,用于配置和销售已使用 SAP CPQ 可配置产品集成和相关配置引擎建模的可配置产品。请注意,Spartacus 库不包括 SAP CPQ 本身。


用于可配置产品的 SAP CPQ 集成的 Spartacus 库的初始版本包括以下功能:


捆绑销售和指导销售场景,其中 SAP Commerce 中的捆绑包包含简单(不可配置)产品。此捆绑包中的依赖项由底层 CPQ 可配置产品控制。


Spartacus 店面中的单级可配置产品,产品模型位于 SAP CPQ 中。


具有最常用属性类型的配置页面,尤其是链接到(不可配置)产品的属性。有关详细信息,请参阅支持的属性类型和显示类型。


配置页面底部的价格摘要,包括基本价格、所选选项的价格以及配置产品的总价。


在配置期间可随时访问所有用户选择的概览页面。


发生冲突时在 Spartacus 店面中显示的 CPQ 消息。


通过这种集成,可配置的捆绑包成为店面标准流程的一部分,例如目录浏览、查看产品详细信息页面、将商品添加到购物车、结账和查看订单历史记录页面。


CPQ 可配置产品集成需要 cpqproductconfigocc 扩展。


B2B 商店的常见做法是受密码保护,这意味着用户需要登录才能访问该站点。 至少,登录页面必须是可公开访问的,并且还可以有其他公共页面,例如注册、帮助和支持页面。 除了这些公共页面之外,B2B 站点的其余部分都需要用户进行身份验证才能访问它。 Spartacus 早期登录功能允许您公开站点的一个或多个页面,并将站点的其余部分设置为受密码保护。


Text Labels for Attributes

配置屏幕上的属性标签显示 CPQ 中属性的自定义标签的内容。 您可以在 CPQ 产品管理中找到该属性的此字段,如下所示:


  1. 选择产品目录 > 产品。
  2. 在属性选项卡上,选择要编辑的属性。
  3. 如果自定义标签字段为空,则标准标签将为选择或选择,后跟属性名称。 如果您只想显示属性名称而不在其前面显示"Choose"一词,请在"自定义标签"字段中输入属性名称。


在 Spartacus UI 上搜索 home theater:


http://localhost:4299/electronics-spa/en/USD/search/home%20thr


点击 Configure 按钮:

选择配置的型号,颜色,最后 Add To Cart 添加到购物车即可:

之后的下单流程,和购买普通商品一样:

相关文章
|
1月前
|
前端开发 JavaScript API
SAP UI5 sap.ui.require.toUrl 的作用介绍
SAP UI5 sap.ui.require.toUrl 的作用介绍
|
1月前
|
JSON 前端开发 测试技术
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
|
1月前
|
监控 测试技术
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
|
1月前
|
存储 监控 数据库
SAP 电商云 product catalog 从 staged 到 online 两个版本之间的同步
SAP 电商云 product catalog 从 staged 到 online 两个版本之间的同步
|
1月前
|
监控 安全 数据管理
SAP 电商云 Product catalog 的 staged 和 online 两种版本的设计理念
SAP 电商云 Product catalog 的 staged 和 online 两种版本的设计理念
什么是 SAP ABAP 里的 Subscreen
什么是 SAP ABAP 里的 Subscreen
什么是 SAP ABAP 里的 Subscreen
|
1月前
|
XML Java API
Spring Boot中使用集成swagger-bootstrap-ui
Spring Boot中使用集成swagger-bootstrap-ui
62 0
|
1月前
|
中间件
SAP UI5 Tooling 实战:动手创建自己的 Custom UI5 Server Middleware 试读版
SAP UI5 Tooling 实战:动手创建自己的 Custom UI5 Server Middleware 试读版
SAP UI5 Tooling 实战:动手创建自己的 Custom UI5 Server Middleware 试读版
|
1月前
|
JSON 数据格式
SAP UI5 Class sap.ui.model.Context 的作用介绍
SAP UI5 Class sap.ui.model.Context 的作用介绍