SAP Spartacus 的页面模型在SAP 电商云后台WCMS里的模型
如下图所示,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里的模型相关推荐
- SAP 电商云 Spartacus UI 产品明细页面路由路径的自定义配置
如下图所示,为了减少 SAP 电商云 Spartacus 客户实施时不必要的配置,Spartacus 将不少页面的路由路径的默认配置,定义在如下的 default-routing-config.ts ...
- 如何在 SAP 电商云 Spartacus UI 里新建一个页面
因为 SAP Spartacus UI 是基于 CMS 驱动的,因此流程是:我们首先在 SAP Commerce Cloud Backoffice 创建新的 content page, CMS Com ...
- SAP 电商云 Spartacus UI 产品搜索结果的设计明细
我们使用如下 url 访问 SAP 电商云 Spartacus UI 产品搜索页面: http://localhost:4000/electronics-spa/en/USD/search/sony ...
- Mobile first 设计思路在 SAP 电商云 Spartacus UI 中的设计体现一例
关于 Mobile First 的概念,请查看我这篇文章:什么是前端开发中的 mobile first 策略. 下图是 SAP 电商云 Spartacus UI 的搜索结果页面: 其布局设计:temp ...
- SAP 电商云 Spartacus UI ComponentDataProvider defer 工厂函数
为什么 this.componentService.getItems 最后就触发到 Component-data.provider.ts 工厂函数的执行了? 29行的 getService: getS ...
- SAP 电商云 Spartacus UI 里如何捕捉语言设置的更改
我们知道在 SAP 电商云 Spartacus UI 里,用户可以通过下拉菜单更改当前访问 site 的语言: 监控语言变化的代码: this.subscription.add(this.langua ...
- 在 SAP 电商云 Spartacus UI 里手动注入 module 的几种排列组合
先把所有的排列组合罗列如下: (1) 通过构造函数注入 QuickOrderFacade,但不调用其方法 (2) 通过构造函数注入 QuickOrderFacade,调用其方法 (3) 手动通过 in ...
- SAP 电商云 Spartacus UI Proxy Facade 的一个实际例子
如何理解 SAP 电商云 Spartacus UI 中的 proxy facade? Jerry 这篇文章什么是 SAP 电商云 Spartacus UI 的 proxy façade提供了理论上的解 ...
- SAP 电商云 Spartacus UI Quick Order 主页的实现
存货单位(英語:stock keeping unit,SKU/ˌɛsˌkeɪˈjuː/),也翻译为库存单元,是一個會計學名詞,定义为库存管理中的最小可用单元,例如纺织品中一个SKU通常表示规格.颜色. ...
最新文章
- 微博平台StatusNet研究(3):友好URL与OpenID支持
- ie 不执行回调函时_javascript引擎执行的过程的理解--执行阶段
- 减少到处衍生的实体类
- java 全局变量 跳出递归循环_Java技术知识点的一些总结
- 预期的异常规则和模拟静态方法– JUnit
- jetty优秀文章转载
- 怎样进行前后台交互_vivo X60 Pro评测,蔡司镜头+OriginOS+微云台+三星1080强强组合...
- python ax.imshow_python – Matplotlib imshow / matshow在情节上显...
- MusicPlayer音乐播放器Android
- python3语法都相同吗_Python 3.3.0的语法和3.0以前的版本有什么不一样的吗?
- 介绍几款最好使用的模拟器怎么下载。
- 涵盖全网动漫、影视、小说的APP集合,手机有了他们,看遍全网
- Redis系列之内存碎片
- Zabbix 安装教程
- 解决复制文件时出乱码
- 台式机计算机上的无线开关,台式机无线网络开关在哪
- 2020 消息中间件MQ与RabbitMQ面试题大全
- 备战腾讯面试经历分享,小伙终获Android岗Offer
- 计算机如何设置光驱启动,怎样将电脑设置成从光驱启动
- 云原生在京东丨揭秘五大云原生项目在京东的落地实践