当前位置: 首页 > Web前端 > JavaScript

如何在SAPSpartacus产品详情页上添加自定义UI

时间:2023-03-27 17:06:06 JavaScript

ProductDetailPage,简称PDP。首先在页面找到Component选择器:cx-tab-paragraph-container:对应的AngularComponent名称:TabParagraphContainerComponent四个按钮之后,在activediv中,有cx-product-details-tab:itsComponent:名称ProductDetailsTabComponent对应的CMSComponent:CMSTabParagraphContainer:该Component放置在ID为Tabs:的slots中,detailComponent的CMS与AngularComponent同名:与我们在UI上观察到的一致:实现HTML中在tab容器的代码中,我们看到了cxOutlet指令,其参数为Component.flexType:我们使用json管道打印出Component数据,得到的flexType为ProductDetailsTabComponent:所以最终的解决方法是,在Storefront中添加如下代码。component.html或app.component.html:Jerry2自定义UI生效:moreJerry'sorigi最终文章都在这里:《王子熙》: