自定义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>

最后的效果：