AEM CIF创作快速入门

了解AEM CIF创作。

迄今为止的故事

在此AEM Content and Commerce历程的上一个文档中, 了解AEM Content and Commerce之前,您已了解无头CMS的基本理论,现在应了解AEM内容和商务的基本概念。

本文基于这些基础之上。

目标

本文档可帮助您了解如何使用CIF进行特定于内容和商务的创作。 阅读本文档后,您应:

  • 了解使用通用编辑器创作CIF的概念
  • 如何使用产品和类别选取器访问AEM中的产品目录数据
  • 如何使用产品驾驶舱和AEM Omnisearch访问内容和商业数据

在通用编辑器中创作CIF

CIF扩展了通用编辑器,使其能够在不离开上下文的情况下访问实时产品数据:

打开侧面板,然后从下拉菜单中选择“产品”。
选择产品类型

您可以浏览产品目录或使用全文搜索字段查找产品。
产品类型

可以直接将产品拖放到支持产品拖放的组件(例如产品Teaser、产品轮播)上,从而自动创建产品Teaser组件。

产品和类别选取器

如果Commerce组件或AEM后台对话框中需要产品和类别数据,AEM作者可以使用作为UI元素的选取器来舒适地搜索和选择产品目录数据。

产品选取器

单击文件夹图标将打开选取器模式UI(例如,产品Teaser)
产品选取器

通过浏览左侧的目录结构或搜索,可以找到产品。 全文搜索将遵循所选类别,并将搜索结果限制在此类别内。
产品选取器文件夹

具有变体的产品使用文件夹图标进行标记,单击该图标可显示所有变体。
产品选取器变体
产品选取器变体已打开

类别选取器

像产品选取器一样工作。 单击文件夹图标将打开选取器模式UI(例如,类别轮播)
类别选取器

浏览左侧的目录结构并选择类别。
类别选取器

产品 Cockpit

产品驾驶舱是一个快速访问产品目录及其所有丰富内容的中心位置。 在接下来的模块中,您将学习如何使用内容扩充产品数据。 现在,让我们专注于访问产品数据。

从主菜单中,单击商务以查看所有附加的产品目录的列表。
商务菜单项

这将显示所有连接产品目录的列表。
驾驶舱综合目录

产品目录默认显示所有产品的所有第一级类别。 单击某个类别将打开该类别,其中包含所有相关产品和子类别,包括其产品。
驾驶舱产品目录

您可以通过单击属性图标来打开产品属性。 图标通过将鼠标悬停在产品图块上来显示。
驾驶舱产品属性

所有产品属性均为只读,因为数据是从连接的后端实时加载的。 更改产品属性必须在后端系统(记录系统)中完成。 选项卡 变体 仅在产品具有变体时显示。 单击选项卡将显示所有变体及其属性。
驾驶舱产品变型

其余选项卡显示与产品关联的所有AEM内容。 我们将在下一模块中讨论这些选项卡。

AEM Omnisearch

使用Omnisearch是一种使用全文搜索查找AEM内容的简单方法。 CIF对Omnisearch进行了扩展,允许对产品目录及其关联的AEM内容进行全文搜索。
商务菜单项

Omnisearch将在商务后端运行全文搜索,以查找所有相关产品。 结果列在下 查看所有产品. Omnisearch还将搜索AEM中与搜索到的产品相关的内容。 结果列在相应的AEM类别下。 在此示例中,一个内容片段与产品相关。

后续内容

现在您已完成此历程部分,您应:

  • 了解使用通用编辑器创作CIF的概念
  • 如何使用产品和类别选取器访问AEM中的产品目录
  • 如何使用产品驾驶舱和AEM Omnisearch访问内容和商业数据

在此知识的基础上继续您的历程,接下来查看文档 管理产品目录页面和模板,了解如何构建和自定义您的第一个产品目录体验。

其他资源

我们建议您查看文档来继续历程的下一部分 管理产品目录页面和模板,以下是一些其他可选资源,这些资源对本文档中提到的一些概念进行了更深入的探究,但并非继续此历程所必需的。

在此页面上