使用 provideConfig 的 CMS 组件配置更改所有类似组件

Question

您可以使用 provideConfig 提供 CMS 组件配置。以下配置显示了如何为 CMS BannerComponent 配置自定义 Angular 组件：

provideConfig({
  cmsComponents: {
    BannerComponent: {
      component: CustomBannerComponent;
    }
  }
});

但这将替换站点上的所有横幅组件。如何只替换一个特定的横幅组件？

Answer 1

Commerce 后端的 CMS 组件类型（CMSFlexComponent 的弹性类型）与 Spartacus 店面中的相应组件映射。因此，替换一个特定横幅组件的最佳方法是在 Commerce 中创建一个新的 CMS 组件：

<itemtype code="CustomCommerceBannerComponent" extends="BannerComponent"></itemtype>

并将其映射到您的自定义 Spartacus 组件：

provideConfig({
  cmsComponents: {
    CustomCommerceBannerComponent: {
      component: CustomSpartacusBannerComponent;
    }
  }
});

CMS component configuration using provideConfig changes all similar components