AEM CIF创作快速入门 getting-started

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

迄今为止的故事 story-so-far

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

本文基于这些基础之上。

目标 objective

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

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

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

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

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

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

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

产品和类别选取器 pickers

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

产品选取器

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

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

具有变体的产品标有一个文件夹图标,单击该图标可显示所有变体。
产品选取器变体
产品选取器变体已打开

类别选取器

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

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

产品 Cockpit cockpit

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

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

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

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

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

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

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

AEM Omnisearch omnisearch

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

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

后续内容 what-is-next

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

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

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

其他资源 additional-resources

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

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab