基于Hybris的Spartacus如何调整同slot内PDP组件的展示顺序

以下是可以直接落地的实现方案，可解决你提到的summary slot内组件排序、addToCart移动到variant之前的需求：

方案1：重写Layout配置（无侵入，推荐） #

不需要修改组件代码，直接覆盖默认PDP模板的slot组件排序规则即可，配置代码示例如下：

import { provideConfig, LayoutConfig } from '@spartacus/storefront';

@NgModule({
  imports: [
    // 原有Spartacus相关导入保持不变
  ],
  providers: [
    provideConfig(<LayoutConfig>{
      layoutSlots: {
        ProductDetailsPageTemplate: {
          slots: {
            SummarySlot: {
              components: [
                'ProductIntroComponent',
                'ProductSummaryComponent',
                'ProductPriceComponent',
                'ProductStockComponent',
                'AddToCartComponent', // 已调整到variant组件之前
                'ProductVariantsComponent',
                'ProductQuantityComponent',
                // 其余原有summary slot下的组件按实际需求顺序排列即可
              ]
            }
          }
        }
      }
    })
  ]
})
export class AppModule { }

方案2：自定义Summary组件（灵活可控，适合复杂调整） #

如果后续还有更多summary区域的自定义需求，可以直接替换整个summary slot的默认内容：

1. 生成自定义summary组件
   ng generate component my-product-summary
2. 在组件模板中按你想要的顺序引入Spartacus原生子组件：

<!-- 其他需要保留的summary内容 -->
<cx-add-to-cart></cx-add-to-cart>
<cx-product-variants></cx-product-variants>
<!-- 其他需要保留的summary内容 -->

3. 配置替换默认Summary slot的组件：

import { provideConfig, CmsConfig } from '@spartacus/core';

providers: [
  provideConfig(<CmsConfig>{
    cmsComponents: {
      ProductSummaryComponent: {
        component: MyProductSummaryComponent
      }
    }
  })
]

配置不生效排查点 #

• 确认组件ID拼写正确，AddToCartComponent、ProductVariantsComponent为Spartacus默认组件的注册ID，不要写错
• 自定义配置的注册位置需要在Spartacus基础配置之后，后注册的配置优先级更高会覆盖默认值
• 清除浏览器缓存、禁用ServiceWorker后重新测试，避免旧配置被静态缓存

内容的提问来源于stack exchange，提问作者Bruno Franchini