自定义SAP Spartacus Cart界面

文件目录：@Spartacus-storefront:

把这个B2cStorefrontModule改成StorefrontModule，因为后者不会提供一些default配置，所以运行时会有很多关于default Implementation的警告信息：

页面也无法正常渲染：

对比正常的B2cStorefrontModule.withConfig环境下的console打印：

首先用Chrome开发者工具找到购物车Cart的CartComponent，位于TopContent这个position里：

通过Element inspect确认这一点：

新建一个MyCart Component：

通过ConfigModule.withConfig将CMS cpmponent中的CartComponent映射成我们刚才新建的MyCartComponent：

进入cart-details.component.d.ts查看数据结构，发现entries$变量包含了Cart里显示的数据：

自定义Component的html实现：

<ul><li *ngFor="let entry of entries$ | async">{{entry.product.name}}</li>
</ul>

最后的效果：

要获取更多Jerry的原创文章，请关注公众号"汪子熙":

自定义SAP Spartacus Cart界面相关推荐

hana修改字段_自定义SAP HANA登陆界面背景
大家好,在这篇文章里,笔者将和大家分享如何自定义SAP HANA登陆界面背景.过程很简单,只需三步即可完成.在SAP HANA SPS08里面,我们是不能修改登陆界面背景的.所以,每次访问XS应用的时 ...
如何自定义SAP Spartacus店铺的界面颜色风格
SAP Spartacus电商页面默认的颜色风格: 注意下图红色高亮部分的颜色风格: 在项目文件夹的style.scss里,添加如下代码片段: :root {--cx-color-primary: b ...
使用Angular依赖注入自定义SAP Spartacus的ProductAdapter
新建一个MyProductAdapter,继承自SAP Spartacus的ProductAdapter,返回一些fake数据: import { Injectable } from '@angula ...
自定义SAP Spartacus的产品搜索API参数 - Product Search
SAP Spartacus默认采用的产品搜索url配置在这个文件里: C:\Code\SPA\spartacus\projects\core\src\occ\adapters\product\defa ...
如何自定义SAP Spartacus的路由路径
地址:https://stackoverflow.com/questions/65830446/customise-spartacus-cart-path 以chart为例: By default i ...
SAP Spartacus Cart UI 修改 quantity 字段后的 Patch 请求遇到 400 错误 - IllegalArgumentError
版本:4.0.0 Dev 版本(非 Schematics Storefront ): 点击 + 添加 quantity: 看到一个 patch 请求: current/carts/00019006/e ...
如何自定义SAP Spartacus 产品明细的url pattern
在Spartacus源代码的storefrontlib/src/cms-structure/routing/default-routing-config.ts文件里,能看到Spartacus产品页面的 ...
如何自定义SAP Spartacus店铺的购物车图表css风格
如下图所示: 打开项目文件夹下的文件style.scss: 将如下代码粘贴进去: /* You can add global styles to this file, and also import ...
SAP Spartacus自定义指令cxOutlet的工作原理
cxOutlet合集 SAP Spartacus自定义指令cxOutlet的工作原理 SAP Spartacus table cell如何通过cxOutlet在运行时动态注入组件 SAP Sparta ...

自定义SAP Spartacus Cart界面

自定义SAP Spartacus Cart界面相关推荐

最新文章

热门文章