SAP 电商云 Spartacus UI B2B checkout 点击 Continue 不能跳转到下一页面

在 Method of Payment 阶段，点击 Continue 无法进行到 Shipping Address step:

Spartacus Storefront 通过 Schematics 创建，版本 4.0.0，实际 yarn.lock 里的版本：4.0.2.

cx-checkout-progress

CheckoutProgressComponent：

cx-payment-type: PaymentTypeComponent


// set po number to cart
this.checkoutStepService.next

getStepUrlFromStepRoute:

下一步的 route name：checkoutShippingAddress

从配置里获取 route config："checkout/shipping-address"

向下一个 url 跳转：

console 没有任何错误消息提示。

即使手动输入 shipping-address url 到浏览器里也不能跳转。

看 4.0.0 开发版的 Spartacus 是否也有这个问题？

2022-4-6 11：59：也有这个问题：

https://:9002/occ/v2/powertools-spa/cms/pages?pageType=ContentPage&pageLabelOrId=/checkout/shipping-address&lang=en&curr=USD

这个 CMS 请求返回的结果：

为什么是 summary page template 呢？

payment type step 的 CMS 结果是正确的：

shipping address 似乎就不对了：

再试试 dev 版本 4.0.0 的 B2C

B2C 也有问题：

在能够工作的 ccv2 上，shipping address url:

response：

{"uid" : "CheckoutShippingAddress","uuid" : "eyJpdGVtSWQiOiJDaGVja291dFNoaXBwaW5nQWRkcmVzcyIsImNhdGFsb2dJZCI6InBvd2VydG9vbHMtc3BhQ29udGVudENhdGFsb2ciLCJjYXRhbG9nVmVyc2lvbiI6Ik9ubGluZSJ9","title" : "Checkout Shipping Address","template" : "MultiStepCheckoutSummaryPageTemplate","typeCode" : "ContentPage","name" : "Checkout Shipping Address Page","robotTag" : "INDEX_FOLLOW",

SAP 电商云 Spartacus UI B2B checkout 点击 Continue 不能跳转到下一页面相关推荐

SAP 电商云 Spartacus UI 的 checkout 设计
What is behavior before Jerry's fix The chapter below described the behavior BEFORE Jerry's fix. Sce ...
SAP 电商云 Spartacus UI 的 checkout 场景中的串行请求设计分析
Current Checkout Design When we toggle delivery method via radio input, once clicked, there're three ...
SAP 电商云 Spartacus UI 去除 Checkout 页面 header 和 footer 区域的几种方法介绍
1 distraction-free checkout 如何移除 checkout 页面的 footer 和 header 方法1 - 把 checkout CMS page 的header 和 fo ...
SAP 电商云 Spartacus UI Quick Order 主页的实现
存货单位(英語:stock keeping unit,SKU/ˌɛsˌkeɪˈjuː/),也翻译为库存单元,是一個會計學名詞,定义为库存管理中的最小可用单元,例如纺织品中一个SKU通常表示规格.颜色. ...
SAP 电商云 Spartacus UI 产品搜索结果的设计明细
我们使用如下 url 访问 SAP 电商云 Spartacus UI 产品搜索页面: http://localhost:4000/electronics-spa/en/USD/search/sony ...
Mobile first 设计思路在 SAP 电商云 Spartacus UI 中的设计体现一例
关于 Mobile First 的概念,请查看我这篇文章:什么是前端开发中的 mobile first 策略. 下图是 SAP 电商云 Spartacus UI 的搜索结果页面: 其布局设计:temp ...
SAP 电商云 Spartacus UI ComponentDataProvider defer 工厂函数
为什么 this.componentService.getItems 最后就触发到 Component-data.provider.ts 工厂函数的执行了? 29行的 getService: getS ...
SAP 电商云 Spartacus UI 里如何捕捉语言设置的更改
我们知道在 SAP 电商云 Spartacus UI 里,用户可以通过下拉菜单更改当前访问 site 的语言: 监控语言变化的代码: this.subscription.add(this.langua ...
在 SAP 电商云 Spartacus UI 里手动注入 module 的几种排列组合
先把所有的排列组合罗列如下: (1) 通过构造函数注入 QuickOrderFacade,但不调用其方法 (2) 通过构造函数注入 QuickOrderFacade,调用其方法 (3) 手动通过 in ...

SAP 电商云 Spartacus UI B2B checkout 点击 Continue 不能跳转到下一页面

SAP 电商云 Spartacus UI B2B checkout 点击 Continue 不能跳转到下一页面相关推荐

最新文章

热门文章