Utilizzo di Frammenti esperienza

Questa pagina illustra i seguenti argomenti:

• Panoramica
• Utilizzo dei frammenti esperienza in AEM Screens
• Propagazione delle modifiche alla pagina

Panoramica

Un Frammento esperienza è un gruppo di uno o più componenti, che include contenuto e layout, a cui è possibile fare riferimento tra le pagine. I frammenti esperienza possono includere qualsiasi componente singolo o multiplo, che contenga elementi all'interno di un sistema di paragrafi e a cui si fa riferimento nell'esperienza completa o che viene richiesto da un punto finale terzo.

Utilizzo dei frammenti esperienza in AEM Screens

Ad esempio, il seguente flusso di lavoro illustra l'utilizzo di frammenti esperienza di We.Retail in Sites. Potete scegliere una pagina Web e sfruttare tale contenuto nel canale AEM Screens in uno dei vostri progetti.

Prerequisiti

Creazione di un progetto dimostrativo con un canale

Creazione di un progetto

1. Fare clic su Crea progetto schermi per creare un nuovo progetto.
2. Inserisci come titolo DemoProject.
3. Fai clic su Salva.

All'AEM Screens verrà aggiunto un ProgettoDemo.

Creazione di un canale

1. Andate alla cartella DemoProject creata e selezionate la cartella Channels.

2. Fare clic su Crea dalla barra delle azioni per aprire la procedura guidata.

3. Scegliere il modello Canale sequenza dalla procedura guidata e fare clic su Avanti.

4. Immettete il Titolo come TestChannel e fate clic su Crea.

A TestChannel verrà aggiunto un DemoProject.

Creazione di un frammento esperienza

Seguite i passaggi riportati di seguito per sfruttare il contenuto da We.Retail al TestChannel in DemoProject.

1. Passare a una pagina Siti in We.Retail

   1. Andate a Siti e selezionate We.Retail In-Store -> Channels ->Idle Channel - Night e selezionate questa pagina per utilizzare questo frammento di esperienza per il canale Screens.

   2. Fate clic su Modifica nella barra delle azioni per aprire la pagina da utilizzare come frammento esperienza per il canale Screens.

2. Riutilizzo del contenuto

   1. Selezionare il frammento da includere nel canale.
   2. Fate clic sull'ultima icona da destra per aprire la finestra di dialogo Converti in frammento esperienza.

   

3. Creazione di un frammento esperienza

   1. Scegliete Action come Crea un nuovo frammento esperienza.

   2. Selezionare il percorso Padre.

   3. Selezionare il Modello. Scegliete qui il modello Frammento esperienza - Variazione schermo.

   4. Immettere il titolo del frammento come ScreensFragment.

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

   

4. Creazione di Live Copy di frammenti esperienza

   1. Passate alla pagina iniziale AEM.
   2. Selezionare Frammenti esperienza ed evidenziare il ScreensFragment e fare clic su Variation as live-copy, come illustrato nella figura seguente:

   

   c. Selezionare la procedura guidata ScreensFragment dalla Crea Live Copy e fare clic su Next.

   d. Immettete i valori Title e Name come Screens.

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

   f. Fare clic su Fine per tornare alla pagina ScreensFragment.

   

   NOTA

   Dopo aver creato il frammento Screens, è possibile modificare le proprietà del frammento. Selezionare il frammento e fare clic su Proprietà nella barra delle azioni.

   Modifica delle proprietà di un frammento di schermata

   1. Passare alla ScreensFragment (creata nei passaggi precedenti) e fare clic su Properties dalla barra delle azioni.

   2. Selezionare la scheda File di configurazione offline, come illustrato nella figura riportata di seguito.

   È possibile aggiungere le librerie lato client (java e css) e File statici al frammento esperienza.

   L'esempio seguente mostra l'aggiunta di librerie lato client e dei font come parte di file statici al frammento esperienza.

5. Utilizzo di un frammento esperienza come componente nel canale dello schermo

   1. Passare al canale Screens in cui si desidera utilizzare il frammento Screens.

   2. Selezionare TestChannel e fare clic su Edit dalla barra delle azioni.

   3. Fate clic sull’icona dei componenti dalla scheda laterale.

   4. Trascina il frammento esperienza sul canale.

   

   e. Selezionate il componente Frammento esperienza e fate clic sull'icona in alto a sinistra (chiave inglese) per aprire la finestra di dialogo Frammento esperienza.

   f. Selezionare la Screens live copy del frammento creato in Step 3 in Path.

   

   f. Selezionare la Screens live copy del frammento creato in Step 3 in Experience Fragment.

   

   h. Immettere i millisecondi in Durata.

   i. Selezionare la Configurazione offline dalla finestra di dialogo Frammenti esperienza per definire le librerie lato client e i file statici.

   NOTA

   Se desiderate aggiungere librerie lato client o file statici oltre a quanto configurato nel passaggio (4), potete aggiungere dalla scheda File di configurazione offline nella finestra di dialogo Frammento esperienza.

   

   j. Fare clic sul segno di spunta per completare il processo.

Convalida del risultato

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

1. Passaggio alla TestChannel.
2. Selezione di Preview dalla barra delle azioni.

Il contenuto verrà visualizzato dalla pagina Siti (live-copy del frammento esperienza) nel canale, come illustrato nella figura seguente:

Propagazione delle modifiche alla pagina

Live Copy fa riferimento alla copia (dell'origine), gestita mediante azioni di sincronizzazione come definito dalle configurazioni di rollout.

Dal momento che il frammento esperienza è stato creato come live copy dalle pagine Sites, quindi se si apportano modifiche a quel particolare frammento dalla pagina master, sarà possibile visualizzare le modifiche nel canale o nella destinazione in cui è stato utilizzato il frammento esperienza.

Per estendere le modifiche dal canale principale al canale di destinazione, effettuate le seguenti operazioni:

1. Selezionate il frammento esperienza dalla pagina Siti (master) e fate clic sull'icona a forma di matita per modificare gli elementi nel frammento esperienza.

   

2. Selezionate il frammento esperienza e fate clic sull’icona chiave inglese per aprire la finestra di dialogo per modificare le immagini.

   

3. Viene visualizzata la finestra di dialogo Product Grid.

   

4. Potete modificare qualsiasi immagine. Ad esempio, in questo frammento viene sostituita la prima immagine.

   

5. Selezionate il frammento esperienza e fate clic sull'icona Rollout per estendere le modifiche al frammento utilizzato nel canale.

   

6. Fate clic su Rollout per confermare le modifiche.

   Le modifiche verranno implementate.

   

Convalida delle modifiche

Per confermare le modifiche apportate al canale, effettuate le seguenti operazioni:

1. Passare alla Screens -> Channels -> TestChannel.

2. Fare clic su Anteprima dalla barra delle azioni per confermare le modifiche.

Nell'immagine seguente sono illustrate le modifiche apportate a TestChannel: