为 Page Designer 创建产品列表或产品详情页面 (PDP) 模板
您可以创建产品列表或产品详情页面模板,以跨多个类别和产品重复使用。使用要用的结构和组件创建模板页面,然后将该页面分配给一个或多个类别。当网店中需要产品列表或产品详情页面时,将显示分配给该类别的模板页面,并填充相应的产品信息。本主题适用于 B2C Commerce。
所需的 Edition
| 可用于:B2C Commerce |
网店参考体系结构 (SFRA) 包括用于创建产品列表和产品详情模板的参考页面布局和组件类型。以下过程描述如何使用这些参考组件创建产品列表模板。
重要 SFRA 参考组件只是如何实现产品列表和产品详情模板页面的示例。通常,开发人员会修改这些示例或创建其他页面类型和组件类型以满足网店要求。为网店创建页面模板的步骤因开发人员创建页面类型和组件类型的方式而异。以下过程假设您使用的是 SFRA 提供的参考组件,没有任何修改。此过程仅用于帮助您理解创建产品列表和产品详情模板的概念。
- 从页面设计器可视化编辑器,点击 新建。
- 选择“产品列表页”页面布局。
-
将目录中的一个或多个类别分配给页面。
例如,将页面指定给男装类别。男装下的所有子类别都是隐式选择的。
- 输入页面名称和说明,然后点击 下一步。
-
审核页面信息,然后点击保存并创建。
页面在可视化编辑器中显示。产品列表组件已经在页面的主区域中,因为开发人员指定在创建页面时用该组件填充主区域。
- 选择要为“产品列表”组件显示的信息:
-
若要向页面添加动态横幅,请点击
图标打开组件菜单,然后将动态横幅拖动到页面的顶部区域。
动态横幅显示在 Business Manager 中为页面上显示的类别(本例中为男装)配置的图像和文本。 -
(可选)若要指定动态横幅使用的图片和文本不是页面中当前显示的分类,请点击指定给页面的值旁边的编辑图标
。选择不同的类别。
- 要重写在 Business Manager 中为类别选择配置的图像或文本,请输入横幅图像或横幅文本。例如,您可以指定横幅的文本为男装,而不管在 Business Manager中为文本配置了什么。
-
点击
图标打开组件菜单,然后将带有文本组件的图片拖到页面主区域的产品列表布局组件中。
用含文本图像组件在产品列表中添加静态图像和文本。页面上显示的产品现在围绕静态图像和文本流动。 - 使用适当的图像和文本配置含文本的图像组件。
-
当您对产品列表模板页面的内容感到满意时,请点击发布。
在店面网店呈现分配给此产品列表模板页面的类别时,模板页面将填充适当的内容。
本文章是否解决您的问题?
请与我们共享您的想法,以便我们进行改进!

