Utilizzo di Frammenti esperienza using-experience-fragments
Questa pagina tratta i seguenti argomenti:
- Panoramica
- Utilizzo di Frammenti esperienza in AEM Screens
- Propagazione delle modifiche alla pagina
Panoramica overview
Un Frammento esperienza è un gruppo di uno o più componenti, inclusi il contenuto e il layout, a cui è possibile fare riferimento all’interno delle pagine. I frammenti di esperienza possono contenere qualsiasi componente, ad esempio uno o più componenti che possono contenere qualsiasi elemento all’interno di un sistema paragrafo a cui si fa riferimento nell’esperienza completa o richiesto da un terzo endpoint.
Utilizzo di Frammenti esperienza in AEM Screens using-experience-fragments-in-aem-screens
We.Retail
come progetto dimostrativo da cui viene applicato il frammento di esperienza da una Sites a un progetto AEM Screens.Ad esempio, il seguente flusso di lavoro illustra l’utilizzo di frammenti di esperienza di We.Retail
in Sites. Puoi scegliere una pagina web e utilizzare tale contenuto nel tuo canale AEM Screens in uno dei tuoi progetti.
Prerequisiti pre-requisites
Creazione di un progetto demo con un canale
Creazione di un progetto
- Per creare un progetto, fai clic su Crea progetto Screens.
- Inserisci il titolo come DemoProject.
- Fai clic su Salva.
A DemoProject viene aggiunto al tuo AEM Screens.
Creazione di un canale
-
Accedi a DemoProject creato e fai clic su Canali cartella.
-
Clic Crea dalla barra delle azioni, in modo da poter aprire la procedura guidata.
-
Scegli la Canale sequenza dalla procedura guidata e fai clic su Successivo.
-
Inserisci il Titolo as TestChannel e fai clic su Crea.
A TestChannel è stato aggiunto al tuo DemoProject.
Creazione di un frammento esperienza creating-an-experience-fragment
Segui i passaggi seguenti per applicare il contenuto da We.Retail
al tuo TestChannel in DemoProject.
-
Passare a una pagina Sites in We.Retail
-
Passa a Sites e fai clic su
We.Retail
> Stati Uniti > Inglese > Attrezzatura e fai clic su questa pagina per utilizzarla come frammento di esperienza per il canale Screens. -
Clic Modifica dalla barra delle azioni, in modo da poter aprire la pagina da utilizzare come frammento di esperienza per il canale Screens.
-
-
Riutilizzo del contenuto
- Fai clic sul frammento da includere nel canale.
- Fai clic sull’ultima icona a destra per aprire Converti in frammento esperienza .
-
Creazione di un frammento esperienza
-
Scegli la Azione as Creare un nuovo frammento esperienza.
-
Fai clic su Percorso principale.
-
Fai clic su Modello. Scegli la Frammento esperienza - Variante schermi modello qui (valore nel campo
/libs/settings/screens/experience-fragments/templates/experience-fragment-template-screens
). -
Inserisci il Titolo frammento as ScreensFragment.
-
Per completare la creazione di un nuovo frammento di esperienza, fai clic sul segno di spunta.
Nota: per selezionare un'opzione più semplice, fare clic sul segno di spunta a destra del campo per aprire la finestra di dialogo di selezione.
-
-
Creazione di Live Copy di un frammento esperienza
- Passa alla home page dell’AEM.
- Clic Frammenti esperienza ed evidenzia ScreensFragment e fai clic su Variante come Live Copy, come illustrato nella figura seguente:
c. Fai clic sul pulsante ScreensFragment da Crea Live Copy e fai clic su Successivo.
d. Inserire Titolo e Nome as Schermi.
e. Fai clic su Crea in modo da poter creare la Live Copy.
f. Fai clic su Fine in modo da tornare a ScreensFragment pagina.
note note NOTE Dopo aver creato un frammento AEM Screens, puoi modificarne le proprietà. Fai clic sul frammento e fai clic su Proprietà dalla barra delle azioni. Modifica delle proprietà di un frammento Screens
-
Accedi a ScreensFragment (creato nei passaggi precedenti) e fare clic su Proprietà dalla barra delle azioni.
-
Fai clic su Configurazione offline come illustrato nella figura riportata di seguito.
È possibile aggiungere Librerie lato client (Java™ e css) e File statici nel frammento di esperienza.
L’esempio seguente mostra l’aggiunta di librerie lato client e dei font come parte di file statici nel frammento di esperienza.
-
Utilizzo di Frammento esperienza come componente nel canale Screens
-
Passa al canale Screens in cui desideri utilizzare il Schermi frammento.
-
Fai clic su TestChannel e fai clic su Modifica dalla barra delle azioni.
-
Fai clic sull’icona dei componenti nella scheda laterale.
-
Trascina la Frammento esperienza al tuo canale.
e. Fai clic sul pulsante Frammento esperienza e fai clic sull’icona in alto a sinistra (chiave inglese) per aprire Frammento esperienza .
f. Fai clic sul pulsante Schermi live copy del frammento creato in Passaggio 3 in Percorso.
f. Fai clic sul pulsante Schermi live copy del frammento creato in Passaggio 3 nel Frammento esperienza.
h. Inserire i millisecondi in Durata.
i. Fai clic sul pulsante Configurazione offline dal Frammenti esperienza in modo da poter definire le librerie lato client e i file statici.
note note NOTE Per aggiungere librerie lato client, o i file statici in aggiunta a quanto configurato nel passaggio (4), puoi aggiungere da Configurazione offline scheda in Frammento esperienza . j. Fare clic sul segno di spunta per completare il processo.
-
Convalida del risultato validating-the-result
Dopo aver completato i passaggi precedenti, puoi convalidare il frammento di esperienza in ChannelOne da:
- Navigazione a TestChannel.
- Selezione del Anteprima dalla barra delle azioni.
Visualizza il contenuto da Sites pagina (Live Copy del frammento di esperienza) nel canale, come illustrato nella figura seguente:
Propagazione delle modifiche alla pagina propagating-changes-from-the-master-page
Live Copy si riferisce alla copia (dell’origine), gestita dalle azioni di sincronizzazione definite dalle configurazioni di rollout.
Poiché il frammento di esperienza creato è una Live Copy da Sites e modifichi quel particolare frammento dalla pagina principale, visualizzi le modifiche nel tuo canale. In alternativa, puoi visualizzare la destinazione in cui hai utilizzato il frammento di esperienza.
Segui i passaggi seguenti per propagare le modifiche dal canale principale al canale di destinazione:
-
Fai clic sul frammento di esperienza dalla sezione Sites (principale) e fai clic sull’icona della matita per modificare gli elementi nel frammento di esperienza.
-
Fai clic sul frammento di esperienza e fai clic sull’icona a forma di chiave inglese per aprire la finestra di dialogo e modificare le immagini.
-
Il Griglia prodotti viene visualizzata.
-
È possibile modificare qualsiasi immagine. Ad esempio, qui la prima immagine viene sostituita in questo frammento.
-
Fai clic sul frammento di esperienza e sull’icona Rollout per propagare le modifiche al frammento utilizzato nel canale.
-
Fai clic su Rollout.
Noterai che le modifiche vengono implementate.
Convalida delle modifiche validating-the-changes
Per confermare le modifiche apportate al canale, segui la procedura riportata di seguito:
-
Accedi a Schermi > Canali > TestChannel.
-
Clic Anteprima dalla barra delle azioni.
L’immagine seguente illustra le modifiche apportate al TestChannel: