Introducción a la creación de AEM CIF getting-started

Obtenga información sobre la creación de CIF en Adobe Experience Manager (AEM).

Lo que hemos visto hasta ahora story-so-far

En el documento anterior de este recorrido de Contenido y Commerce de AEM, Obtenga información sobre el Contenido de AEM y Commerce, ha aprendido la teoría y los conceptos básicos de Contenido y Commerce de AEM sin encabezado y CMS.

Este artículo se basa en estos aspectos básicos.

Objetivo objective

Este documento le ayuda a comprender cómo utilizar CIF para la creación de contenido y Commerce específicos. Después de leer, debería haber logrado lo siguiente:

  • Comprender los conceptos de creación de CIF mediante el Editor de páginas en AEM
  • Cómo acceder a los datos del catálogo de productos en AEM mediante selectores de productos y categorías
  • Cómo acceder a los datos de contenido y comercio mediante la cabina de productos y AEM Omnisearch

Creación de CIF en el editor de páginas de AEM cif-authoring

CIF amplía el editor de páginas en AEM con funciones para acceder a los datos de productos en tiempo real sin salir del contexto:

Abra el panel lateral y seleccione "Productos" en la lista desplegable.
Seleccionar tipo de producto

Puede examinar el catálogo de productos o utilizar el campo de búsqueda de texto completo para encontrar productos.
tipo de producto

Los productos se pueden soltar en componentes compatibles con lanzamientos de productos (por ejemplo, teaser de productos, carrusel de productos) directamente en la página que crea automáticamente un componente teaser de productos.

Seleccionadores de productos y categorías pickers

Si se requieren datos de producto y categoría en los componentes de comercio o en los cuadros de diálogo de back-office de AEM, los autores de AEM pueden utilizar selectores que son elementos de la interfaz de usuario para buscar y seleccionar cómodamente los datos del catálogo de productos.

Selector de productos

Al hacer clic en el icono de carpeta se abre la interfaz de usuario modal del selector (por ejemplo, teaser de productos)
selector de productos

Los productos se pueden encontrar navegando a través de la estructura del catálogo a la izquierda o buscando. La búsqueda de texto completo respeta la categoría seleccionada y limita los resultados de búsqueda a esta categoría.
carpeta del selector de productos

Los productos con variaciones están marcados con un icono en forma de carpeta en el que se puede hacer clic para mostrar todas las variaciones.
variantes del selector de productos
variantes del selector de productos abiertas

Selector de categoría

Funciona como un selector de productos. Al hacer clic en el icono de carpeta se abre la interfaz de usuario modal del selector (por ejemplo, carrusel de categorías)
selector de categoría

Examine la estructura del catálogo a la izquierda y seleccione la categoría.
selector de categoría

Product Cockpit cockpit

La cabina de productos es un lugar central para acceder rápidamente al catálogo de productos con todo su contenido enriquecido. En uno de los siguientes módulos aprenderá a enriquecer los datos de productos con contenido. Por ahora, vamos a centrarnos en acceder a los datos del producto.

En el menú principal, haga clic en comercio para ver una lista de todos los catálogos de productos adjuntos.
elemento de menú de comercio

Esto muestra una lista de todos los catálogos de productos conectados.
catálogos integrados en la cabina

El catálogo de productos muestra de forma predeterminada todas las categorías de primer nivel con todos los productos. Al hacer clic en una categoría, se abre esa categoría con todos los productos y subcategorías relacionados, incluidos sus productos.
catálogo de productos cockpit

Puede abrir las propiedades del producto haciendo clic en el icono de propiedad. El icono aparece al pasar el ratón por encima de un mosaico de producto.
propiedades de productos en la cabina

Todas las propiedades del producto son de solo lectura porque los datos se cargan en tiempo real desde el servidor conectado. El cambio de las propiedades del producto debe realizarse en el sistema back-end, que es el sistema de registro. La pestaña Variants solo aparece si el producto tiene variaciones. Al hacer clic en la pestaña, se muestran todas las variaciones con sus atributos.
variantes de productos en la cabina

Las pestañas restantes muestran todo el contenido de AEM asociado con el producto. Estas pestañas se analizan en uno de los siguientes módulos.

AEM Omnisearch omnisearch

El uso de Omnisearch es una manera sencilla de encontrar contenido de AEM mediante la búsqueda de texto completo. CIF amplía Omnisearch con la búsqueda de texto completo de catálogos de productos con su contenido de AEM asociado.
elemento de menú de comercio

Omnisearch ejecuta una búsqueda de texto completo en el backend del comercio para encontrar todos los productos relacionados. El resultado se enumera en Ver todos los productos. Omnisearch también busca en AEM contenido asociado al producto buscado. Los resultados se enumeran en las respectivas categorías de AEM. En este ejemplo, un fragmento de contenido está relacionado con el producto.

Siguientes pasos what-is-next

Ahora que ha completado esta parte del recorrido, debe:

  • Comprender los conceptos de creación de CIF con el editor de páginas
  • Cómo acceder al catálogo de productos en AEM mediante selectores de productos y categorías
  • Cómo acceder a los datos de contenido y comercio mediante la cabina de productos y AEM Omnisearch

Aproveche este conocimiento y continúe con su recorrido revisando el documento Administrar páginas y plantillas de catálogo de productos, donde aprenderá a crear y personalizar su primera experiencia con el catálogo de productos.

Recursos adicionales additional-resources

Aunque se recomienda pasar a la siguiente parte del recorrido (Administrar páginas y plantillas de catálogo de productos), los siguientes son algunos recursos opcionales que profundizan ciertos conceptos mencionados aquí. Sin embargo, estos recursos opcionales no son necesarios para continuar en el recorrido.

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