Prueba de componentes principales en We.Retail trying-out-core-components-in-we-retail

CAUTION
AEM 6.4 ha llegado al final de la compatibilidad ampliada y esta documentación ya no se actualiza. Para obtener más información, consulte nuestra períodos de asistencia técnica. Buscar las versiones compatibles here.

Los componentes principales son componentes modernos y flexibles, con fácil extensibilidad y que permiten una integración sencilla en sus proyectos. Los componentes principales se han creado en torno a varios principios de diseño principales, como HTL, usabilidad predeterminada, configurabilidad, versiones y extensibilidad. We.Retail se ha creado sobre componentes principales.

Probándolo trying-it-out

  1. Comience AEM con el contenido de muestra de We.Retail y abra el Consola Componentes.

    Navegación global -> Herramientas -> Componentes

  2. Al abrir el carril en la consola Componentes, puede filtrar para un grupo de componentes determinado. Los componentes principales se pueden encontrar en

    • .core-wcm: Los componentes principales estándar
    • .core-wcm-form: Componentes principales del envío de formularios

    Choose .core-wcm.

    chlimage_1-162

  3. Tenga en cuenta que todos los componentes principales tienen un nombre v1, reflejando que esta es la primera versión de este componente principal. En adelante se lanzarán versiones regulares, compatibles con la versión de AEM y que facilitan la actualización para que pueda aprovechar las últimas funciones.

  4. Haga clic en Texto (v1).

    Consulte que la variable Tipo de recurso del componente es /apps/core/wcm/components/text/v1/text. Los componentes principales se encuentran en /apps/core/wcm/components y tienen versiones por componente.

    chlimage_1-163

  5. Haga clic en el Documentación para ver la documentación del desarrollador del componente.

    chlimage_1-164

  6. Vuelva a la consola Componentes. Filtro para el grupo We.Retail y seleccione Texto componente.

  7. Consulte que la variable Tipo de recurso señala un componente como se espera en /apps/weretail pero la variable Supertipo de recurso señala al componente principal /apps/core/wcm/components/text/v1/text.

    chlimage_1-165

  8. Haga clic en el Uso de Live para ver en qué páginas se está utilizando este componente. Haga clic en la primera Gracias para editar la página.

    chlimage_1-166

  9. En la página de agradecimiento, seleccione el componente de texto y, en el menú de edición del componente, haga clic en el icono Cancelar herencia .

    We.Retail tiene una estructura de sitio globalizada donde el contenido se inserta de los maestros de idioma a Live Copies a través de un mecanismo llamado herencia. Por este motivo, la herencia debe cancelarse para permitir que un usuario edite manualmente el texto.

    chlimage_1-167

  10. Confirme la cancelación haciendo clic en .

    chlimage_1-168

  11. Una vez cancelada la herencia y que seleccione los componentes de texto, hay muchas más opciones disponibles. Haga clic en ​ Editar.

    chlimage_1-169

  12. Ahora puede ver qué opciones de edición están disponibles para el componente de texto.

    chlimage_1-170

  13. En el Información de la página menú seleccionar Editar plantilla.

  14. En el Editor de plantillas de la página, haga clic en el Política del componente Texto en la Contenedor de diseño de la página.

    chlimage_1-171

  15. Los componentes principales permiten a un autor de plantillas configurar qué propiedades están disponibles para los autores de la página. Estas incluyen funciones como fuentes de pegado permitidas, opciones de formato, estilos de párrafo disponibles, etc.

    Estos cuadros de diálogo de diseño están disponibles para muchos componentes principales y funcionan de la mano con el editor de plantillas. Una vez activados, estarán disponibles para el autor a través de los editores de componentes.

    chlimage_1-172

Información adicional further-information

Para obtener más información sobre los componentes principales, consulte el documento de creación Componentes principales para obtener una descripción general de las capacidades de los componentes principales y del documento para desarrolladores Desarrollo de componentes principales para obtener una descripción general técnica.

También puede que desee investigar más a fondo plantillas editables. Consulte el documento de creación Creación de plantillas de página o la página del documento para desarrolladores Plantillas: editables para obtener información detallada sobre plantillas editables.

recommendation-more-help
2315f3f5-cb4a-4530-9999-30c8319c520e