当前位置:网站首页>SAP Spartacus checkout 流程的扩展(extend)实现介绍
SAP Spartacus checkout 流程的扩展(extend)实现介绍
2022-07-07 00:37:00 【汪子熙】
Spartacus中的 checkout 特性是CMS驱动的,这意味着 checkout 流中的每个页面都基于CMS页面、slots 和 Component。因此,开发可以更改每个页面的内容、添加新组件、将 checkout 转换为单步骤签出,或者在店面应用程序中只需要少量配置就可以创建非常复杂的多步骤 checkout 工作流。
在 checkout 过程中,通常有从一个步骤到另一个步骤的链接,这就是将每个 checkout 页面注册为店面配置中的 semantic page
的原因。
checkout 的默认路由配置如下:
provideConfig({
routing: {
routes: {
checkout: {
paths: ['checkout'],
},
checkoutShippingAddress: {
paths: ['checkout/shipping-address']
},
checkoutDeliveryMode: {
paths: ['checkout/delivery-mode']
},
checkoutPaymentDetails: {
paths: ['checkout/payment-details']
},
checkoutReviewOrder: {
paths: ['checkout/review-order']
}
},
},
}),
上述代码的位置:default-routing-config.ts
虽然默认的 checkout 有四个步骤,但是默认的配置定义了五个语义页面。这个附加页面有一个通用的 checkout 路由,它链接到每个应该重定向到 checkout 的组件。从这个常规 checkout 页面,Spartacus重定向到具体而正确
的 checkout step 步骤。
如果您想链接到 checkout,那么无论您的 checkout 流程具体是如何设计的,都要指向这个通用结帐页面。比如,对于多步骤 checkout,可以使用 CheckoutGuard 来重定向到正确的checkout 步骤。
通过单步checkout,您可以在这个签出路由上设置所有组件,并从组件配置中删除CheckoutGuard。
除了路由配置之外,还可以通过定义每个步骤的职责、到页面的路由和步骤的顺序来配置 checkout. 默认配置如下:
id 属性应该有一个惟一的值。当需要标识配置中的特定步骤时,可以使用id。
在
CheckoutProgress
组件中使用name属性来指示哪些签出步骤已经完成。该名称也用作翻译键。routeName属性为每个步骤指定语义页。
type 属性由
checkout guards
使用。
边栏推荐
- Flask1.1.4 Werkzeug1.0.1 源码分析:启动流程
- ForkJoin最全详解(从原理设计到使用图解)
- Taobao store release API interface (New), Taobao oauth2.0 store commodity API interface, Taobao commodity release API interface, Taobao commodity launch API interface, a complete set of launch store i
- 消息队列:重复消息如何处理?
- On the difference between FPGA and ASIC
- Randomly generate session_ id
- [reading of the paper] a multi branch hybrid transformer network for channel terminal cell segmentation
- async / await
- Lombok plug-in
- yarn入门(一篇就够了)
猜你喜欢
Dynamic memory management
PowerPivot——DAX(函数)
JVM the truth you need to know
Common skills and understanding of SQL optimization
Distributed global ID generation scheme
Harmonyos practice - Introduction to development, analysis of atomized services
《ClickHouse原理解析与应用实践》读书笔记(6)
Modes of optical fiber - single mode and multimode
ML之shap:基于adult人口普查收入二分类预测数据集(预测年收入是否超过50k)利用shap决策图结合LightGBM模型实现异常值检测案例之详细攻略
目标检测中的BBox 回归损失函数-L2,smooth L1,IoU,GIoU,DIoU,CIoU,Focal-EIoU,Alpha-IoU,SIoU
随机推荐
Dynamic memory management
Ten stages of becoming a Senior IC Design Engineer. What stage are you in now?
What EDA companies are there in China?
Things about data storage 2
Unity keeps the camera behind and above the player
What is make makefile cmake qmake and what is the difference?
每秒10W次分词搜索,产品经理又提了一个需求!!!(收藏)
What is dependency injection (DI)
How to get free traffic in pinduoduo new store and what links need to be optimized in order to effectively improve the free traffic in the store
Question 102: sequence traversal of binary tree
Taobao store release API interface (New), Taobao oauth2.0 store commodity API interface, Taobao commodity release API interface, Taobao commodity launch API interface, a complete set of launch store i
EMMC print cqhci: timeout for tag 10 prompt analysis and solution
线性回归
Opensergo is about to release v1alpha1, which will enrich the service governance capabilities of the full link heterogeneous architecture
上海字节面试问题及薪资福利
搞懂fastjson 对泛型的反序列化原理
成为资深IC设计工程师的十个阶段,现在的你在哪个阶段 ?
毕业之后才知道的——知网查重原理以及降重举例
ForkJoin最全详解(从原理设计到使用图解)
Web authentication API compatible version information