生活随笔
收集整理的這篇文章主要介紹了
SAP Spartacus layout设计原理
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
layout包含sections，sections包含slot.
文件路徑：C:\Code\SPA\spartacus\projects\storefrontlib\src\recipes\config\b2c-layout-config.ts
Layout，section和slot的定義都在b2c-layout-config.ts里：
import { LayoutConfig
} from '../../layout/config/layout-config';export const b2cLayoutConfig
: LayoutConfig
= {layoutSlots
: {header
: {lg
: {slots
: ['SiteContext','SiteLinks','SiteLogo','SearchBox','SiteLogin','MiniCart','NavigationBar',],},slots
: ['PreHeader', 'SiteLogo', 'SearchBox', 'MiniCart'],},navigation
: {lg
: { slots
: [] },slots
: ['SiteLogin', 'NavigationBar', 'SiteContext', 'SiteLinks'],},footer
: {slots
: ['Footer'],},LandingPage2Template
: {pageFold
: 'Section2B',slots
: ['Section1','Section2A','Section2B','Section2C','Section3','Section4','Section5',],},ContentPage1Template
: {slots
: ['Section2A', 'Section2B'],},CategoryPageTemplate
: {pageFold
: 'Section2',slots
: ['Section1', 'Section2', 'Section3'],},ProductListPageTemplate
: {slots
: ['ProductLeftRefinements', 'ProductListSlot'],},ProductGridPageTemplate
: {slots
: ['ProductLeftRefinements', 'ProductGridSlot'],},SearchResultsListPageTemplate
: {slots
: ['Section2','ProductLeftRefinements','SearchResultsListSlot','Section4',],},SearchResultsGridPageTemplate
: {slots
: ['Section2','ProductLeftRefinements','SearchResultsGridSlot','Section4',],},ProductDetailsPageTemplate
: {lg
: {pageFold
: 'UpSelling',},pageFold
: 'Summary',slots
: ['Summary','UpSelling','CrossSelling','Tabs','PlaceholderContentSlot',],},CartPageTemplate
: {slots
: ['TopContent', 'CenterRightContentSlot', 'EmptyCartMiddleContent'],},AccountPageTemplate
: {slots
: ['BodyContent', 'SideContent'],},LoginPageTemplate
: {slots
: ['LeftContentSlot', 'RightContentSlot'],},ErrorPageTemplate
: {slots
: ['TopContent', 'MiddleContent', 'BottomContent'],},OrderConfirmationPageTemplate
: {slots
: ['BodyContent', 'SideContent'],},MultiStepCheckoutSummaryPageTemplate
: {slots
: ['TopContent', 'BodyContent', 'SideContent', 'BottomContent'],},CheckoutLoginPageTemplate
: {slots
: ['RightContentSlot'],},},
};
要獲取更多Jerry的原創文章，請關注公眾號"汪子熙":
總結
以上是生活随笔為你收集整理的SAP Spartacus layout设计原理的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
