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


相关文章
|
2月前
|
人工智能 搜索推荐 Serverless
使用金庸的著作,来测试阿里通义千问最新开放的长文档处理功能
使用金庸的著作,来测试阿里通义千问最新开放的长文档处理功能
使用金庸的著作,来测试阿里通义千问最新开放的长文档处理功能
|
2月前
|
UED
什么是 SAP Commerce Cloud SmartEdit Product Carousel Component Editor
什么是 SAP Commerce Cloud SmartEdit Product Carousel Component Editor
|
2月前
|
监控 测试技术
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
|
2月前
|
供应链 搜索推荐 安全
Spartacus configurable product CONF_HOME_THEATER_ML 的 category
Spartacus configurable product CONF_HOME_THEATER_ML 的 category
|
2月前
|
存储 监控 数据库
SAP 电商云 product catalog 从 staged 到 online 两个版本之间的同步
SAP 电商云 product catalog 从 staged 到 online 两个版本之间的同步
|
2月前
|
监控 安全 数据管理
SAP 电商云 Product catalog 的 staged 和 online 两种版本的设计理念
SAP 电商云 Product catalog 的 staged 和 online 两种版本的设计理念
|
9月前
|
缓存 负载均衡 前端开发
SAP Spartacus 和 Sticky session 相关的话题
SAP Spartacus 和 Sticky session 相关的话题
|
9月前
|
存储
SAP Emarsys 和 SAP Spartacus 的集成
SAP Emarsys 和 SAP Spartacus 的集成
|
9月前
|
API 开发者
Google Tag Manager (GTM) 和 Adobe AEPL 在 SAP Spartacus 中的应用
Google Tag Manager (GTM) 和 Adobe AEPL 在 SAP Spartacus 中的应用
|
2月前
|
JSON 开发者 数据格式
关于 SAP Spartacus LandingPage2Template 区域的 layout 设计实现
关于 SAP Spartacus LandingPage2Template 区域的 layout 设计实现