Utilizzo di Frammenti esperienza

Questa pagina tratta i seguenti argomenti:

• Panoramica
• Utilizzo di Frammenti esperienza in AEM Screens
• Propagazione delle modifiche alla pagina

Panoramica

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 verrà fatto riferimento nell’esperienza completa o richiesto da un terzo endpoint.

Utilizzo di Frammenti esperienza in AEM Screens

Ad esempio, il seguente flusso di lavoro illustra l’utilizzo di frammenti di esperienza da We.Retail in Sites. Puoi scegliere una pagina web e sfruttarne i contenuti nel tuo canale AEM Screens in uno dei tuoi progetti.

Prerequisiti

Creazione di un progetto demo con un canale

Creazione di un progetto

1. Clic Crea progetto Screens per creare un nuovo progetto.
2. Inserisci il titolo come DemoProject.
3. Fai clic su Salva.

A DemoProject verranno aggiunti al tuo AEM Screens.

Creazione di un canale

1. Accedi a DemoProject hai creato e seleziona la Canali cartella.

2. Clic Crea dalla barra delle azioni per aprire la procedura guidata.

3. Scegli la Canale sequenza dalla procedura guidata e fai clic su Successivo.

4. Inserisci il Titolo as TestChannel e fai clic su Crea.

A TestChannel verrà aggiunto al tuo DemoProject.

Creazione di un frammento esperienza

Segui i passaggi seguenti per sfruttare il contenuto di We.Retail al tuo TestChannel in DemoProject.

1. Passare a una pagina Sites in We.Retail

   1. Passa a Sites e seleziona We.Retail -> Stati Uniti -> Inglese -> Attrezzatura e seleziona questa pagina per utilizzarla come frammento di esperienza per il canale Screens.

   2. Clic Modifica dalla barra delle azioni per aprire la pagina da utilizzare come frammento di esperienza per il canale Screens.

2. Riutilizzo del contenuto

   1. Seleziona il frammento da includere nel canale.
   2. Fai clic sull’ultima icona a destra per aprire Converti in frammento esperienza .

   

3. Creazione di un frammento esperienza

   1. Scegli la Azione as Creare un nuovo frammento esperienza.

   2. Seleziona la Percorso principale.

   3. Seleziona la Modello. Scegli la Frammento esperienza - Variante schermi modello qui (valore nel campo /libs/settings/screens/experience-fragments/templates/experience-fragment-template-screens).

   4. Inserisci il Titolo frammento as ScreensFragment.

   5. Fai clic sul segno di spunta per completare la creazione di un nuovo frammento esperienza.

   

   Nota: per selezionare un’opzione più semplice, fai clic sul segno di spunta a destra dei campi per aprire la finestra di dialogo di selezione.

4. Creazione di Live Copy di un frammento esperienza

   1. Passa alla home page dell’AEM.
   2. Seleziona Frammenti esperienza ed evidenzia ScreensFragment e fai clic su Variante come Live Copy, come illustrato nella figura seguente:

   

   c. Seleziona la ScreensFragment da Crea Live Copy e fai clic su Successivo.

   d. Inserire Titolo e Nome as Schermi.

   e. Fai clic su Crea per creare la Live Copy.

   f. Fai clic su Fine per tornare a ScreensFragment pagina.

   

   NOTA

   Dopo aver creato il frammento Screens, puoi modificarne le proprietà. Seleziona il frammento e fai clic su Proprietà dalla barra delle azioni.

   Modifica delle proprietà di un frammento Screens

   1. Accedi a ScreensFragment (creato nei passaggi precedenti) e fare clic su Proprietà dalla barra delle azioni.

   2. Seleziona la Configurazione offline come illustrato nella figura riportata di seguito.

   È possibile aggiungere Librerie lato client (java e css) e File statici al 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.

5. Utilizzo di Frammento esperienza come componente nel canale Screens

   1. Passa al canale Screens in cui desideri utilizzare il Schermi frammento.

   2. Seleziona la TestChannel e fai clic su Modifica dalla barra delle azioni.

   3. Fai clic sull’icona dei componenti nella scheda laterale.

   4. Trascina la Frammento esperienza al tuo canale.

   

   e. Selezionare Frammento esperienza e seleziona l’icona in alto a sinistra (chiave inglese) per aprire Frammento esperienza .

   f. Seleziona la Schermi live copy del frammento creato in Passaggio 3 in Percorso.

   

   f. Seleziona la Schermi live copy del frammento creato in Passaggio 3 nel Frammento esperienza.

   

   h. Inserire i millisecondi in Durata.

   i. Seleziona la Configurazione offline dal Frammenti esperienza per definire le librerie lato client e i file statici.

   NOTA

   Se desideri 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. Per completare il processo, fare clic sul segno di spunta.

Convalida del risultato

Dopo aver completato i passaggi precedenti, puoi convalidare il frammento di esperienza in ChannelOne da:

1. Navigazione a TestChannel.
2. Selezione del Anteprima dalla barra delle azioni.

Il contenuto verrà visualizzato da Sites pagina (Live Copy del frammento di esperienza) nel canale, come illustrato nella figura seguente:

Propagazione delle modifiche alla pagina

Live Copy si riferisce alla copia (dell’origine), gestita dalle azioni di sincronizzazione definite dalle configurazioni di rollout.

Poiché il frammento di esperienza è stato creato come Live Copy dal file Sites pagine, quindi se apporti modifiche a quel particolare frammento dalla pagina master, visualizzerai le modifiche nel tuo canale o nella destinazione in cui hai utilizzato il frammento di esperienza.

Segui i passaggi seguenti per propagare le modifiche dal canale principale al canale di destinazione:

1. Seleziona il frammento di esperienza dalla sezione Sites (master) e fai clic sull’icona a forma di matita per modificare gli elementi nel frammento di esperienza.

   

2. Seleziona il frammento di esperienza e fai clic sull’icona a forma di chiave inglese per aprire la finestra di dialogo e modificare le immagini.

   

3. Il Griglia prodotti viene visualizzata.

   

4. È possibile modificare qualsiasi immagine. Ad esempio, qui la prima immagine viene sostituita in questo frammento.

   

5. Seleziona il frammento di esperienza e fai clic sull’icona Rollout per propagare le modifiche al frammento utilizzato nel canale.

   

6. Fai clic su Rollout per confermare le modifiche.

   Vedrai che le modifiche vengono implementate.

   

Convalida delle modifiche

Per confermare le modifiche apportate al canale, segui la procedura riportata di seguito:

1. Accedi a Schermi -> Canali -> TestChannel.

2. Clic Anteprima dalla barra delle azioni per confermare le modifiche.

L’immagine seguente illustra le modifiche apportate al TestChannel: