打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
SAP Commerce Cloud 的 Product Carousel Component 介绍
userphoto

2023.05.07 上海

关注

Product Carousel Component (产品轮播组件)显示一组带有本地化文本的产品图片。如果您想将相关产品放在一起展示,这将非常有用。商务营销人员使用产品轮播组件来改善营销并提高转化率。

我们可以创建一个包含产品、类别或产品和类别混合的产品轮播组件。如果将类别添加到组件中,则类别内的所有产品都将在 storefront 中的产品轮播组件中显示。创建组件时,选择将从中选择产品和类别的产品目录。如果产品或类别尚未同步到产品目录的在线版本,则这些产品或类别将不会显示在 storefront 中。

该轮播组件不会自动滚动,因此用户必须使用左右箭头来滚动产品。

该组件外观如下图所示:

此过程描述了如何定义产品轮播组件的内容。

定义产品轮播组件的内容,请执行以下操作:

  1. 在组件编辑器中,选择“内容”选项卡。

在“标题”字段中,选择语言并指定要在该语言中显示的标题。

在您的内容目录支持的每种语言中指定标题。

  1. 要向组件添加产品,请单击“添加产品”按钮并执行以下操作:

从“目录版本”列表中选择要从中选择产品的产品目录。

产品列表将显示出来。

如果您选择了尚未同步到在线版本的产品目录版本,则无法在 storefront 中显示从该目录选择的产品。

在产品列表中,滚动列表以查找产品或开始输入产品名称,仅会显示符合搜索条件的产品。

单击产品以将其添加到列表中。

重复这些步骤以将更多产品添加到列表中。

添加完所有所需产品后,请单击“添加”按钮。

组件编辑器窗口将显示所选产品。

  1. 要向组件添加类别,请单击“添加类别”按钮。

添加类别到组件的步骤与添加产品的步骤相同。

组件编辑器窗口将显示所选产品和类别。

在保存组件之前,您可以执行以下操作来向您的产品轮播组件添加产品和/或类别:

(1) 随时单击产品或类别列表上方的“添加更多”链接添加其他产品或类别。

(2) 使用拖放功能将产品和类别在列表中上下移动。您还可以使用菜单选项在列表中上下移动项目。

从选项菜单中选择“删除”以从列表中删除选项。 指定滚动行为:

按需在“基本信息”和“可见性”选项卡中继续指定组件的参数。有关更多信息,请参见从组件类型创建组件。

当您指定组件的所有参数时,请选择“保存”。

新组件将出现在内容插槽中定义的内容中。现在,在“添加组件”面板的“组件”部分中可用该组件。

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
推荐 11 款 React Native 开源移动 UI 组件
如何安装 SQL Server 2008 R2
如何安装SQL Server 2008 R2(安装程序)
delphi7 安装第三方控件
Windows XP Embedded 上手指南
前端|Bootstrap 实例 - 简单的轮播插件
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服