如何更改 Spartacus Product carousel 的相对位置

简介: 如何更改 Spartacus Product carousel 的相对位置

SAP Commerce Cloud 中调整产品轮播(Product Carousel)中产品的相对位置,可以通过几种不同的方法实现。这些方法涵盖从通过 ImpEx 脚本直接修改数据模型,到在 CMS 管理控制台进行配置的操作。以下内容详细介绍了如何执行这些操作,包括具体的代码示例和步骤说明。


修改方法概述

SAP Commerce Cloud 提供了灵活的内容管理系统(CMS),使得用户可以在不直接修改底层代码的情况下,通过 CMS 组件配置实现产品显示顺序的调整。通常,这涉及到修改组件属性或通过 ImpEx 脚本更新系统设置。


使用 CMS Cockpit 调整产品位置

CMS Cockpit 是一个可视化工具,允许用户直接从界面调整内容和配置。在 CMS Cockpit 中修改 Product Carousel 的步骤如下:


  1. 登录 CMS Cockpit。
  2. 导航到你想要修改的页面,并找到相应的 Product Carousel 组件。
  3. 选择组件并查看其属性。通常,产品的排序和显示是通过 products 属性管理的,该属性列出了所有相关联的产品。
  4. 通过调整 products 属性中产品的顺序来改变显示顺序。这可以通过增加、删除或重新排列列表中的产品实现。
  5. 保存更改并发布页面,以确保更改可以在生产环境中看到。


通过 ImpEx 脚本更新产品位置

ImpEx 是 SAP Commerce Cloud 中用于数据导入和导出的框架。通过 ImpEx 脚本,可以批量更新产品位置,这对于大规模数据操作尤为有效。下面是一个调整产品顺序的 ImpEx 示例脚本:

# 更新 Product Carousel
UPDATE ProductCarousel; uid[unique = true]; products(uid, $catalogVersion)[mode = append]; sort
; myProductCarousel; product1:Staged, product2:Staged, product3:Staged; asc


在这个例子中:

  • ProductCarousel 是需要更新的组件类型。
  • uid 是组件的唯一标识符。
  • products 属性定义了产品列表,mode=append 指明在现有列表上进行添加操作。
  • sort 定义了排序方式,asc 表示升序,你也可以使用 desc 表示降序。


利用 FlexibleSearch 查询来辅助排序

FlexibleSearch 是 SAP Commerce Cloud 提供的一种强大的查询语言,用于从数据库中检索信息。通过编写 FlexibleSearch 查询,可以获取到产品列表,并根据需要的逻辑进行排序。以下是如何使用 FlexibleSearch 来辅助调整产品位置的一个基本示例:

SELECT {p:code}, {p:name}
FROM {Product AS p JOIN ProductCarouselRelation AS pcr ON {pcr:target} = {p:pk}}
WHERE {pcr:source} = ?carouselUid
ORDER BY {p:name} DESC


在这个查询中:

  • ProductProductCarouselRelation 是参与查询的模型。
  • carouselUid 是外部提供的 Product Carousel 组件的唯一标识符。
  • ORDER BY 子句确定了结果的排序方式,这里以产品名称降序排序。


结合实际的开发注意事项

在对 Product Carousel 进行修改时,除了技术实现外,还需要注意以下几个方面:

  • 性能考量:确保任何查询和数据操作都不会对系统性能产生负面影响。
  • 用户体验:调整显示顺序应考虑最终用户的体验,确保更改符合用户需求和业务目标。
  • 测试:在生产环境中应用更改之前,进行充分的测试,包括功能测试和用户验收测试(UAT)。


结语

通过上述方法,你可以灵活地调整 SAP

Commerce Cloud 中 Product Carousel 组件的产品显示顺序。无论是通过 CMS Cockpit 进行简单的拖放操作,还是通过编写 ImpEx 脚本和 FlexibleSearch 查询进行复杂的数据操作,SAP Commerce Cloud 都能提供必要的工具和框架,以支持高效和动态的内容管理。

相关文章
|
4月前
|
存储 供应链 搜索推荐
Spartacus product variant configuration sample data
Spartacus product variant configuration sample data
|
4月前
|
监控 数据挖掘 定位技术
Spartacus 测试,后台修改 product price 数据后,添加到 Cart 时,会带出来最新的价格吗
Spartacus 测试,后台修改 product price 数据后,添加到 Cart 时,会带出来最新的价格吗
|
4月前
|
设计模式 API 数据处理
Spartacus 在 PDP 页面点击 Add to Cart 之后,读取最新 product 数据的设计
Spartacus 在 PDP 页面点击 Add to Cart 之后,读取最新 product 数据的设计
|
4月前
|
供应链 搜索推荐 安全
Spartacus configurable product CONF_HOME_THEATER_ML 的 category
Spartacus configurable product CONF_HOME_THEATER_ML 的 category
|
4月前
|
存储 供应链 前端开发
Spartacus home page 渲染时,就会读取 carousel 里的 product 数据
Spartacus home page 渲染时,就会读取 carousel 里的 product 数据
|
4月前
|
前端开发 JavaScript 安全
Spartacus product summary 页面的设计原理
Spartacus product summary 页面的设计原理
|
4月前
|
设计模式 JavaScript 测试技术
Spartacus 在 SmartEdit preview 读取 product 时,参数只有 product code
Spartacus 在 SmartEdit preview 读取 product 时,参数只有 product code
|
4月前
|
搜索推荐 UED
Spartacus demo site 选择关键字激活 product variant configuration
Spartacus demo site 选择关键字激活 product variant configuration
|
11月前
|
缓存 负载均衡 前端开发
SAP Spartacus 和 Sticky session 相关的话题
SAP Spartacus 和 Sticky session 相关的话题
|
11月前
|
存储
SAP Emarsys 和 SAP Spartacus 的集成
SAP Emarsys 和 SAP Spartacus 的集成