Esta página cubre los siguientes temas:
Un Fragmento de experiencia es un grupo de uno o más componentes, incluido el contenido y el diseño, al que se puede hacer referencia en las páginas. Los fragmentos de experiencia pueden contener cualquier componente, como, uno o varios componentes que pueden contener cualquier cosa dentro de un sistema de párrafos, a los que se hará referencia en la experiencia completa o que solicitará un tercer punto final.
El siguiente ejemplo utiliza We.Retail como proyecto de demostración desde el que se aprovecha el fragmento de experiencia de un Sites a un proyecto de AEM Screens.
Por ejemplo, el siguiente flujo de trabajo muestra el uso de fragmentos de experiencia de We.Retail en Sites. Puede elegir una página web y aprovechar ese contenido en su canal de AEM Screens en uno de sus proyectos.
Creación de un proyecto de demostración con un canal
Creación de un proyecto
A DemoProject se añadirán a su AEM Screens.
Creación de un canal
Vaya a DemoProject ha creado y seleccionado el Canales carpeta.
Clic Crear en la barra de acciones para abrir el asistente.
Elija la Canal de secuencia en el asistente y haga clic en Siguiente.
Introduzca el Título as TestChannel y haga clic en Crear.
A TestChannel se añadirá a su DemoProject.
Siga los pasos a continuación para aprovechar el contenido de We.Retail a su TestChannel in DemoProject.
Vaya a una página de Sites en We.Retail
Vaya a Sitios y seleccione We.Retail -> Estados Unidos -> Inglés -> Equipamiento y seleccione esta página para utilizarla como un fragmento de experiencia para su canal de Screens.
Clic Editar en la barra de acciones para abrir la página que desea utilizar como fragmento de experiencia para el canal de Screens.
Reutilización del contenido
Creación del fragmento de experiencia
Elija la Acción as Crear un nuevo fragmento de experiencia.
Seleccione el Ruta principal.
Seleccione el Plantilla. Elija la Fragmento de experiencias: variación de pantallas plantilla aquí (valor del campo ) /libs/settings/screens/experience-fragments/templates/experience-fragment-template-screens
).
Introduzca el Título del fragmento as ScreensFragment.
Haga clic en la marca de verificación para completar la creación de un nuevo fragmento de experiencia.
Nota: Para seleccionar una opción más fácil, haga clic en la marca de verificación a la derecha de los campos para abrir el cuadro de diálogo de selección.
Creación de la Live Copy del fragmento de experiencia
c. Seleccione la ScreensFragment de Crear Live Copy y haga clic en Siguiente.
d. Introduzca la Título y Nombre as Screens.
e. Haga clic Crear para crear la Live Copy.
f. Haga clic Listo para volver a mover a ScreensFragment página.
Una vez creado el fragmento de Screens, puede editar las propiedades del fragmento. Seleccione el fragmento y haga clic en Propiedades de la barra de acciones.
Edición de propiedades de un fragmento de Screens
Vaya a ScreensFragment (creada en los pasos anteriores) y haga clic en Propiedades de la barra de acciones.
Seleccione el Configuración sin conexión , como se muestra en la figura siguiente.
Puede añadir la variable Bibliotecas del lado del cliente (java y css) y Archivos estáticos a su fragmento de experiencia.
El siguiente ejemplo muestra la adición de bibliotecas del lado del cliente y las fuentes como parte de archivos estáticos al fragmento de experiencia.
Uso del fragmento de experiencia como componente en el canal de Pantallas
Vaya al canal de Pantallas donde desee utilizar la variable Screens fragmento.
Seleccione el TestChannel y haga clic en Editar de la barra de acciones.
Haga clic en el icono de componentes de la pestaña lateral.
Arrastre y suelte el Fragmento de experiencia a su canal.
e. Seleccione la Fragmento de experiencia y seleccione el icono superior izquierdo (llave inglesa) para abrir el Fragmento de experiencia Cuadro de diálogo.
f. Seleccione la Screens Live Copy del fragmento creado en Paso 3 in Ruta.
f. Seleccione la Screens Live Copy del fragmento creado en Paso 3 en el Fragmento de experiencia.
h. Introduzca los milisegundos en Duración.
i. Seleccione la opción Configuración sin conexión desde el Fragmentos de experiencias para definir las bibliotecas del lado del cliente y los archivos estáticos.
Si desea agregar bibliotecas del lado del cliente o archivos estáticos además de lo que configuró en el paso (4), puede agregar desde el Configuración sin conexión en la pestaña Fragmento de experiencia Cuadro de diálogo.
j. Haga clic en la marca de verificación para completar el proceso.
Después de completar los pasos anteriores, puede validar el fragmento de experiencia en ChannelOne por:
Verá el contenido desde el Sites (live-copy del fragmento de experiencia) en su canal, como se muestra en la figura siguiente:
Live Copy hace referencia a la copia (del origen), mantenida mediante acciones de sincronización definidas según las configuraciones de despliegue.
Dado que el fragmento de experiencia, que hemos creado es una Live Copy del Sites , de modo que si realiza cambios en ese fragmento en particular desde la página maestra, verá los cambios en su canal o en el destino en el que ha utilizado el fragmento de experiencia.
Para obtener más información sobre Live Copy, consulte Reutilización del contenido: administrador de varios sitios y Live Copy.
Siga los pasos a continuación para propagar los cambios del canal principal al canal de destino:
Seleccione el fragmento de experiencia de la lista Sites (principal) y haga clic en el icono de lápiz para editar los elementos del fragmento de experiencia.
Seleccione el fragmento de experiencia y haga clic en el icono de la llave inglesa para abrir el cuadro de diálogo y editar las imágenes.
El Cuadrícula de producto se abre el cuadro de diálogo.
Puede editar cualquiera de las imágenes. Por ejemplo, aquí la primera imagen se reemplaza en este fragmento.
Seleccione el Fragmento de experiencia y haga clic en el icono Despliegue para propagar los cambios al fragmento que se utiliza en el canal.
Haga clic en Despliegue para confirmar los cambios.
Verá que los cambios se implementan.
Siga los pasos a continuación para confirmar los cambios en el canal:
Vaya a Screens -> Canales -> TestChannel.
Clic Previsualizar en la barra de acciones para confirmar los cambios.
La siguiente imagen ilustra los cambios en su TestChannel: