SAP 电商云 Spartacus UI 的 Product Category Navigation UI 实现(2)

简介: SAP 电商云 Spartacus UI 的 Product Category Navigation UI 实现

在 Backoffice,Navigation Node 的名称:Electronics Site


类型:CMSNavigationNode


image.png


id:ElectronicsNavNode


image.png


有三个子 navigation node:


image.png

分配到一个 Link Component 上:

image.png



三个子节点的信息能够看见:


image.png

categories 的子节点:

image.png

image.png




以 sony link 为例:


image.png

image.png

image.png



他也是一个 navigation entry:


image.png


其 entry 在另一个模型里:


image.png


这个模型的类型就是 navigation node entry:


image.png


关联到一个 Sony Link Component 上:


image.png

image.png


这个 Component 有 url 和 category 属性:


image.png


它是一个 CMSLinkComponent:



image.png

image.png


这些 Component 的用途在 SAP 官网能够找到。


站点上的顶部导航菜单通过以下 CMS 组件的配置进行控制:


  • NavigationComponents - 这些组件代表导航栏的各个部分。 每个部分可以有一个 CMSLinkComponent 对象和一个 CMSNavigationNode 对象,被认为是根节点。

  • CMSNavigationNodes - 这些组件代表导航树的结构,并具有在下拉菜单中呈现的标题。 每个结构可以有许多 CMSLinkComponent 对象和许多子 CMSNavigationNodes 对象。

  • CMSLinkComponents - 这些组件在页面上呈现并显示在导航树中的每个点。


相关文章
|
6月前
|
前端开发 JavaScript API
SAP UI5 sap.ui.require.toUrl 的作用介绍
SAP UI5 sap.ui.require.toUrl 的作用介绍
|
6月前
|
JSON 前端开发 测试技术
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
|
6月前
|
JavaScript 前端开发 数据库
如何在 SAP CRM 里通过 navigation framework 跳转到 ABAP Webdynpro 页面
如何在 SAP CRM 里通过 navigation framework 跳转到 ABAP Webdynpro 页面
|
6月前
|
缓存 JavaScript 前端开发
如何理解 SAP UI5 的 sap.ui.define 函数?
如何理解 SAP UI5 的 sap.ui.define 函数?
|
6月前
|
监控 测试技术
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
|
6月前
|
供应链 搜索推荐 安全
Spartacus configurable product CONF_HOME_THEATER_ML 的 category
Spartacus configurable product CONF_HOME_THEATER_ML 的 category
|
6月前
|
存储 监控 数据库
SAP 电商云 product catalog 从 staged 到 online 两个版本之间的同步
SAP 电商云 product catalog 从 staged 到 online 两个版本之间的同步
|
6月前
|
监控 安全 数据管理
SAP 电商云 Product catalog 的 staged 和 online 两种版本的设计理念
SAP 电商云 Product catalog 的 staged 和 online 两种版本的设计理念
什么是 SAP ABAP 里的 Subscreen
什么是 SAP ABAP 里的 Subscreen
什么是 SAP ABAP 里的 Subscreen