AEM CIF创作快速入门 :headding-anchor:getting-started

了解Adobe Experience Manager (AEM) CIF创作。

迄今为止的故事 :headding-anchor:story-so-far

在此AEM Content和Commerce历程的上一个文档了解AEM Content和Commerce中，您已了解Headless CMS和AEM Content以及Commerce的基本理论和概念。

本文基于这些基础之上。

目标 :headding-anchor:objective

本文档可帮助您了解如何使用CIF进行内容创作以及特定于Commerce的创作。 阅读本文档后，您应：

AEM页面编辑器中的CIF创作 :headding-anchor:cif-authoring

CIF扩展了AEM中的页面编辑器，使其能够在不离开上下文的情况下访问实时产品数据：

打开侧面板，然后从下拉列表中选择“产品”。

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

可以将产品直接拖放到支持产品放置的组件（例如产品Teaser、产品轮播）上，这会自动创建产品Teaser组件。

产品和类别选取器 :headding-anchor:pickers

如果商务组件或AEM后台对话框需要产品和类别数据，AEM作者可以使用选取器（即UI元素）来舒适地搜索和选择产品目录数据。

产品选取器

单击文件夹图标会打开选取器模式UI（例如，产品Teaser）

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

具有变体的产品标有一个文件夹图标，单击该图标可显示所有变体。

类别选取器

像产品选取器一样工作。 单击文件夹图标会打开选取器模式UI（例如，类别轮播）

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

产品 Cockpit :headding-anchor:cockpit

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

从主菜单中，单击commerce以查看所有附加的产品目录的列表。

这将显示所有连接的产品目录的列表。

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

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

所有产品属性均为只读，因为数据是从连接的后端实时加载的。 更改产品属性必须在后端系统（记录系统）中完成。 选项卡​ 变体 ​仅在产品具有变体时显示。 单击选项卡会显示所有变体及其属性。

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

AEM Omnisearch :headding-anchor:omnisearch

使用Omnisearch是一种通过全文搜索查找AEM内容的简单方法。 CIF对Omnisearch进行了扩展，对产品目录及其关联的AEM内容进行了全文搜索。

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

后续内容 :headding-anchor:what-is-next

现在您已完成此历程的这一部分，您应：

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

其他资源 :headding-anchor:additional-resources

我们建议您继续历程的下一部分 — 管理产品目录页面和模板 — 以下是一些可选资源，这些资源对这里提到的一些概念进行了更深入的探究。 但是，无需这些可选资源即可继续历程。