如下图所示,template id:LandingPage2Template

在SAP Commerce Cloud后台根据id来查找template:LandingPage2Template

该模板支持的content slot:

在Content Slot relation for a Page Template 标签页里,可以查看某一个template到底分配了哪些content slot:

content slot里包含了position属性:

SAP Spartacus里加载的page,一定基于某个page template,比如这个homepage:

homepage的元数据,在SAP Spartacus向Commerce Cloud后台发起的HTTP请求里能观察到:

这个homepage包含的content slots:

  • section1
  • section2A
  • section2B
  • section2C
  • section3
  • section4
  • section5

content page包含的Component:

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

SAP Spartacus 的页面模型在SAP 电商云后台WCMS里的模型相关推荐

  1. SAP 电商云 Spartacus UI 产品明细页面路由路径的自定义配置

    如下图所示,为了减少 SAP 电商云 Spartacus 客户实施时不必要的配置,Spartacus 将不少页面的路由路径的默认配置,定义在如下的 default-routing-config.ts ...

  2. 如何在 SAP 电商云 Spartacus UI 里新建一个页面

    因为 SAP Spartacus UI 是基于 CMS 驱动的,因此流程是:我们首先在 SAP Commerce Cloud Backoffice 创建新的 content page, CMS Com ...

  3. SAP 电商云 Spartacus UI 产品搜索结果的设计明细

    我们使用如下 url 访问 SAP 电商云 Spartacus UI 产品搜索页面: http://localhost:4000/electronics-spa/en/USD/search/sony ...

  4. Mobile first 设计思路在 SAP 电商云 Spartacus UI 中的设计体现一例

    关于 Mobile First 的概念,请查看我这篇文章:什么是前端开发中的 mobile first 策略. 下图是 SAP 电商云 Spartacus UI 的搜索结果页面: 其布局设计:temp ...

  5. SAP 电商云 Spartacus UI ComponentDataProvider defer 工厂函数

    为什么 this.componentService.getItems 最后就触发到 Component-data.provider.ts 工厂函数的执行了? 29行的 getService: getS ...

  6. SAP 电商云 Spartacus UI 里如何捕捉语言设置的更改

    我们知道在 SAP 电商云 Spartacus UI 里,用户可以通过下拉菜单更改当前访问 site 的语言: 监控语言变化的代码: this.subscription.add(this.langua ...

  7. 在 SAP 电商云 Spartacus UI 里手动注入 module 的几种排列组合

    先把所有的排列组合罗列如下: (1) 通过构造函数注入 QuickOrderFacade,但不调用其方法 (2) 通过构造函数注入 QuickOrderFacade,调用其方法 (3) 手动通过 in ...

  8. SAP 电商云 Spartacus UI Proxy Facade 的一个实际例子

    如何理解 SAP 电商云 Spartacus UI 中的 proxy facade? Jerry 这篇文章什么是 SAP 电商云 Spartacus UI 的 proxy façade提供了理论上的解 ...

  9. SAP 电商云 Spartacus UI Quick Order 主页的实现

    存货单位(英語:stock keeping unit,SKU/ˌɛsˌkeɪˈjuː/),也翻译为库存单元,是一個會計學名詞,定义为库存管理中的最小可用单元,例如纺织品中一个SKU通常表示规格.颜色. ...

最新文章

  1. 微博平台StatusNet研究(3):友好URL与OpenID支持
  2. ie 不执行回调函时_javascript引擎执行的过程的理解--执行阶段
  3. 减少到处衍生的实体类
  4. java 全局变量 跳出递归循环_Java技术知识点的一些总结
  5. 预期的异常规则和模拟静态方法– JUnit
  6. jetty优秀文章转载
  7. 怎样进行前后台交互_vivo X60 Pro评测,蔡司镜头+OriginOS+微云台+三星1080强强组合...
  8. python ax.imshow_python – Matplotlib imshow / matshow在情节上显...
  9. MusicPlayer音乐播放器Android
  10. python3语法都相同吗_Python 3.3.0的语法和3.0以前的版本有什么不一样的吗?
  11. 介绍几款最好使用的模拟器怎么下载。
  12. 涵盖全网动漫、影视、小说的APP集合,手机有了他们,看遍全网
  13. Redis系列之内存碎片
  14. Zabbix 安装教程
  15. 解决复制文件时出乱码
  16. 台式机计算机上的无线开关,台式机无线网络开关在哪
  17. 2020 消息中间件MQ与RabbitMQ面试题大全
  18. 备战腾讯面试经历分享,小伙终获Android岗Offer
  19. 计算机如何设置光驱启动,怎样将电脑设置成从光驱启动
  20. 云原生在京东丨揭秘五大云原生项目在京东的落地实践

热门文章

  1. 整合框架过程记录日志
  2. IIS企业案例系列之七:发布Exchange OWA之SSL桥接模式
  3. base标签在ie6下的恶心问题
  4. HELP! I’m an Object Factory!
  5. tar.xz压缩、解压方式
  6. formidable处理提交的表单或文件的简单介绍
  7. 提交页面插入到数据库2.jsp
  8. iOS 10 消息推送(UserNotifications)秘籍总结(二)
  9. Spring MVC 中 HandlerInterceptorAdapter的使用(拦截器)
  10. poj-1979 dfs