本地编辑这个文件：

projects\storefrontlib\src\cms-structure\page\page-layout\page-layout.component.html

加上如下代码：

h1>
Layout: {
{
 layoutName$ | async }
}
    /h1>
    
h2>
template: {
{
 templateName$ | async }
}
    /h2>
    
h3>
section: {
{
 section$ | async }
}
    /h3>
    
h4>
slots: {
{
 slots$ | async }
}
    /h4>
    

可以看到SAP Spartacus home页面由三大section组成，依次是：

header

slots有：PreHeader,SiteContext,SiteLinks,SiteLogo,SearchBox,SiteLogin,MiniCart,NavigationBar

这些slots定义在：projects\storefrontlib\src\recipes\config\layout-config.ts

main

包含的slots有：Section1,Section2A,Section2B,Section2C,Section3,Section4,Section5

这些slots的定义位置：

footer

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！