SAP Commerce Cloud 的 Product Carousel Component 介绍

发布时间 2023-05-07 23:34:22作者: JerryWang_汪子熙

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

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

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

该组件外观如下图所示:

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

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

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

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

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

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

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

产品列表将显示出来。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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