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 - 这些组件在页面上呈现并显示在导航树中的每个点。


相关文章
|
1月前
|
JSON 开发者 数据格式
关于 SAP Spartacus LandingPage2Template 区域的 layout 设计实现
关于 SAP Spartacus LandingPage2Template 区域的 layout 设计实现
16 0
|
1月前
|
搜索推荐 开发者 UED
关于 SAP Spartacus 层的 UI 设计
关于 SAP Spartacus 层的 UI 设计
25 0
|
1月前
|
开发者 UED
SAP Spartacus BREAKPOINT 枚举类型在 Spartacus layout 实现中的作用
SAP Spartacus BREAKPOINT 枚举类型在 Spartacus layout 实现中的作用
15 0
|
4月前
|
存储 设计模式 前端开发
什么是 SAP 的 BSP UI 技术
什么是 SAP 的 BSP UI 技术
38 0
|
4月前
|
前端开发 搜索推荐 JavaScript
什么是 SAP Spartacus 的 CMS Page Connector
什么是 SAP Spartacus 的 CMS Page Connector
37 0
|
4月前
|
移动开发 开发框架 JavaScript
SAP UI5 应用里 /sap/ui/thirdparty/sinon.js 的作用
SAP UI5 应用里 /sap/ui/thirdparty/sinon.js 的作用
43 0
|
4月前
|
JavaScript 前端开发
SAP UI5 应用里 /sap/ui/thirdparty/datajs.js 的作用
SAP UI5 应用里 /sap/ui/thirdparty/datajs.js 的作用
60 0
|
4月前
|
缓存 负载均衡 前端开发
SAP Spartacus 和 Sticky session 相关的话题
SAP Spartacus 和 Sticky session 相关的话题
33 0
|
4月前
|
前端开发 JavaScript API
SAP Commerce Accelerator Storefront 到 Spartacus 的 page by page migration 策略
SAP Commerce Accelerator Storefront 到 Spartacus 的 page by page migration 策略
25 0
|
4月前
|
JSON 前端开发 API
SAP Spartacus UI 中的 CmsTicketInterceptor
SAP Spartacus UI 中的 CmsTicketInterceptor
29 0