管理产品目录页面和模板

了解如何管理产品目录页面和模板。

迄今为止的故事

在AEM内容和商务创作历程的上一个文档中, AEM CIF创作基础知识快速入门,您学习了CIF创作的基本知识。

本文以这些基本知识为基础。

目标

本文档可帮助您了解如何管理产品目录页面和模板。 阅读本文档后,您应:

  • 了解目录模板的概念
  • 通用模板的工作原理
  • 已创建单个模板

基本概念

Venia storefront提供了典型的产品目录体验,包括导航、登陆、类别(PLP)和产品详细信息页面(PDP)。

目录页面是使用AEM CIF目录模板动态构建的,并在需要时使用从商务端点获取的实时产品数据。 每个目录都有一个用于产品和类别页面的通用模板。
目录结构

导航组件显示内容和目录页面。 可以在导航中显示目录登录页面或第一级类别。 将鼠标悬停在类别上将显示第二级类别作为第二行。
目录导航

单击类别将打开类别页面(或产品列表页面)。

PLP

单击产品将打开产品详细信息页面。

PLP

模板

通用模板

通用维尼亚目录模板使用产品列表核心组件。 此组件显示类别图像(如果可用)和类别中的产品。
类别模板

通用维尼亚产品模板使用产品详细信息核心组件。 此组件显示各种产品类型和添加到购物车操作的产品信息。
产品模板

编辑模板

可以通过直接打开模板页面或在浏览产品目录页面时切换到编辑模式来编辑模板。 请记住,更改页面将更改模板,而不仅是产品/类别的特定页面。

类别或产品特定模板

CIF只需单击几下即可支持多个模板。 要创建另一个模板,请从相应的类别中选择通用模板,然后使用 创建 操作。

创建模板页面

选择相应的产品或类别模板。

创建模板选择

输入标题并创建页面。

创建模板输入

请注意,您现在在通用模板下方有一个特定模板。

创建模板层次结构

打开模板。 它看起来与通用类别模板完全相似。

新建模板

在页面顶部添加任何图像。

创建模板更新

可以使用任何类别/产品预览模板。 打开 页面信息 然后选择 查看类别/产品. 从选取器中选择产品/类别,以获取此产品/类别的预览。 选择 购买外观 类别来预览更新的模板。

创建模板

现在,我们必须将此模板分配给特定类别。 在中打开资产 页面信息 菜单,然后切换到商务选项卡。 单击文件夹图标以选择 购买外观 类别选取器中的类别。 可以通过启用复选框将多个类别分配给模板,还可以包括子类别。

创建模板关联

返回主主页并单击 购买外观 类别来查看特定模板。 所有其他类别仍使用通用模板。

创建模板结果

可以应用相同的工作流来创建单个产品模板。

下一步

现在,您已完成历程的这一部分,接下来您应该:

  • 了解目录模板的概念
  • 通用模板的工作原理
  • 已创建单个模板

在这一知识的基础上,通过下一步审阅文档来继续您的旅程 管理分阶段产品目录体验,您将从中了解如何处理暂存产品数据和AEM启动项。

其他资源

建议您通过审阅文档来转到历程的下一部分 管理分阶段产品目录体验,以下是一些其他可选资源,可更深入地了解本文档中提到的某些概念,但无需继续进行无头历程:

在此页面上