本地編輯這個文件：

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

更多Jerry的原創文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的SAP Spartacus home页面的layout，template，section和slots的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。