分别是header,navigation和footer:

其中每个section里包含的slots,定义在文件layout-config.ts里:

运行时打印的输出:

更多Jerry的原创文章,尽在:“汪子熙”:

SAP Spartacus home page的三大section相关推荐

  1. SAP Spartacus content page url的硬编码列表 - Page Label

    CMS page label必须是下列列表里其中之一: Spartacus expects the page label homepage to be configured in the CMS. F ...

  2. SAP Spartacus的page请求

    url:https://spartacus-dev0.eastus.cloudapp.azure.com:9002/occ/v2/electronics-spa/cms/pages?fields=DE ...

  3. 显示SAP Spartacus每个page slot使用的Angular Component uid

    加一行语句:<div *ngIf="component.uid">Jerry: {{ component.uid }} 如下图:所有slot里安放的Component ...

  4. SAP Spartacus home页面的layout,template,section和slots

    本地编辑这个文件: projects\storefrontlib\src\cms-structure\page\page-layout\page-layout.component.html 加上如下代 ...

  5. 关于 SAP Spartacus low level Component的customization

    一些讨论链接:https://stackoverflow.com/questions/62157099/how-to-customize-lower-level-components-in-spart ...

  6. SAP Spartacus popover Component 的单元测试

    我们在SAP Spartacus B2B Page 的 list和Card页面,点击(i) icon之后,会看到一个popover Component,可以通过下面的选择器访问: cx-popover ...

  7. SAP Spartacus Page Layout - 页面布局设计

    Page Structure - 页面结构 Pages in CMS are constructed with slots and components. A page contains slots, ...

  8. SAP Spartacus Page Layout学习笔记

    文档地址: https://sap.github.io/spartacus-docs/page-layout/#outlet-position Spartacus is based on a sing ...

  9. SAP Spartacus 如何根据 page layout 获得对应支持的 slots

    在 SAP Spartacus PageLayout Component 的实现里,每一个 layoutName 对应都有一个 cxOutlet 可供扩展: 第 13 行的 ngFor 指令,将该实现 ...

最新文章

  1. 静态链表实现(A-B)+(B-A)【代码】
  2. YOLO-Z | 记录修改YOLOv5以适应小目标检测的实验过程
  3. 聚焦五大领域:浙江大学发布《重大领域交叉前沿方向2021》报告
  4. linux gcc 静态编译 减小体积
  5. 此心拖泥带水,是人生最苦处
  6. oracle服务器的操作系统,Oracle Linux 操作系统及数据库的时区机制分析
  7. Windows 常用快捷键 + word常用快捷键 +常用工具调用
  8. Boost:双图bimap用户定义的名称未加标签的版本的测试程序
  9. OD的 CC断点,内存访问断点,硬件断点 解析
  10. extjs树使用别的皮肤的样式_设计师发布努努重做之后的冰雪节皮肤设计稿
  11. STM32L0 读取芯片温度与当前供电电压 STM32L051C8T6
  12. abaqus推荐用哪一版本的_微信拍一拍怎么用? 微信拍一拍功能在哪怎么拍别人...
  13. ”扶我起来,我还能学!“ 之ES2021 抢先尝
  14. Atitit  OOCSS vs bem
  15. java截取图片截图画框
  16. 太完美 TWM000极度精简版XP20130123终结美化版
  17. 金陵科技学院计算机分数,2018金陵科技学院录取分数线
  18. Oracle 11g win32位 window7下安装教程 (其实64位类同)
  19. CPU占用率100%解决方法
  20. 【金猿技术展】基于数据控制三维组态的方法及装置——实现数据驱动三维模型的精准运转技术...

热门文章

  1. 7_CentOS下安装和卸载AdobeReader
  2. SQL Server 数据库关键知识点详解(优秀经典)
  3. android的m、mm、mmm编译命令
  4. linux下的struct sigaction
  5. Unity-Animator在Editor状态下的单个/批量预览工具
  6. precision recall
  7. Tornado 使用手册(一)---------- 简单的tornado配置
  8. 五、性能监视(2)Windows性能日志
  9. 什么时候考虑使用神经网络
  10. 【poj2114】点分治(离线)