关键字

CPQ，Product Configuration，Product Configure，Product Variant

变体是在某些方面彼此不同但基于相同基本模型的产品。 变体的一个示例是 T 恤的颜色和尺寸。 在 Spartacus 中启用变体功能，并在 SAP Commerce Cloud 中配置产品后，客户可以在店面中选择具有他们选择的变体（或多个变体）的产品。

启用 variant 的代码:

ConfigModule.withConfig(<CmsConfig>{
      cmsComponents: {
        ProductVariantSelectorComponent: {
          component: ProductVariantSelectorComponent,
          guards: [ProductVariantGuard],
        },
      },
    }),

具有变体的产品需要在 /page 响应中包含 ProductVariantSelectorComponent CMS 组件，并且需要在页面上呈现它们。

搜索 home theater：

url：

custom Angular Component：cx-configure-product‘

url：http://localhost:4000/electronics-spa/en/USD/configure/vc/product/entityKey/CONF_HOME_THEATER_ML

http://localhost:4000/electronics-spa/en/USD/configure/vc/product/entityKey/CONF_HOME_THEATER_ML

打开之后是这样：

在这个 template 里面：ProductDetailsPageTemplate

运行时的 Summary content slot：

summary 里的 Component：

仅当 configurable 为 true 才显示：

打印出来：