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

Los componentes principales son componentes modernos y flexibles que ofrecen una extensibilidad sencilla y 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, facilidad de uso predeterminada, configurabilidad, versiones y extensibilidad. We.Retail se ha creado a partir de componentes principales.

Probando a cabo trying-it-out

  1. Inicie Adobe Experience Manager AEM () con el contenido de muestra de We.Retail y abra Consola Componentes.

    Navegación global > Herramientas > Componentes

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

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

    Elegir .core-wcm.

    chlimage_1-162

  3. Todos los componentes principales reciben un nombre Versión 1, lo que refleja que esta es la primera versión de este componente principal. AEM Las versiones regulares se lanzarán a partir de ahora, lo que será compatible con la versión de los programas y permitirá realizar actualizaciones sencillas para poder aprovechar las últimas funciones.

  4. Clic Texto (v1).

    Compruebe que las variables Tipo de medio del componente es /apps/core/wcm/components/text/v1/text. Los componentes principales se encuentran en /apps/core/wcm/components y se crean versiones por componente.

    chlimage_1-163

  5. Haga clic en 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 la Texto componente.

  7. Compruebe que las variables Tipo de medio señala a un componente como se espera en /apps/weretail pero el Supertipo de recurso vuelve al componente principal /apps/core/wcm/components/text/v1/text.

    chlimage_1-165

  8. Haga clic en Uso de Live para ver en qué páginas se utiliza este componente. Haga clic en el primero 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 desde los formatos de idioma a live copies a través de un mecanismo denominado herencia. Por este motivo, se debe cancelar la herencia para permitir que un usuario edite el texto manualmente.

    chlimage_1-167

  10. Confirme la cancelación haciendo clic en .

    chlimage_1-168

  11. Una vez cancelada la herencia y seleccionados los componentes de texto, hay muchas más opciones disponibles. Clic 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. Desde el Información de página menú, seleccione Editar plantilla.

  14. En el Editor de plantillas de la página, haga clic en Política del componente Texto en la pestaña 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 y estilos de párrafo disponibles.

    Estos cuadros de diálogo de diseño están disponibles para muchos componentes principales y funcionan en conjunto con el editor de plantillas. Una vez activados, está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 funciones de los componentes principales y del documento para desarrolladores Desarrollo de componentes principales para obtener informació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 el documento para desarrolladores Página Plantillas: editables para obtener información detallada sobre las plantillas editables.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2