美文网首页SAP
自定义SAP Spartacus Cart界面

自定义SAP Spartacus Cart界面

作者: 华山令狐冲 | 来源:发表于2020-11-25 12:52 被阅读0次

文件目录:@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>

最后的效果:


相关文章

网友评论

    本文标题:自定义SAP Spartacus Cart界面

    本文链接:https://www.haomeiwen.com/subject/vjfyektx.html