Utilizzo di Frammenti esperienza

Questa pagina tratta 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

NOTA

Nell'esempio seguente viene utilizzato We.Retail come progetto demo da cui viene sfruttato il frammento esperienza da una pagina Sites a un progetto AEM Screens.

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

Prerequisiti

Creazione di un progetto demo con un canale

Creazione di un progetto

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

Al tuo AEM Screens verrà aggiunto un DemoProject .

Creazione di un canale

  1. Passa alla cartella DemoProject creata e seleziona la cartella Canali .

  2. Fai clic su Crea nella barra delle azioni per aprire la procedura guidata.

  3. Scegli il modello Canale sequenza dalla procedura guidata e fai clic su Avanti.

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

Al tuo DemoProject verrà aggiunto un TestChannel.
screen_shot_2019-07-29at105101am

Creazione di un frammento esperienza

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

  1. Passa a una pagina Sites in We.Retail

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

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

  2. Riutilizzo del contenuto

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

    screen_shot_2019-07-29at105314am

  3. Creazione di un frammento esperienza

    1. Scegli Azione come Crea un nuovo frammento esperienza.

    2. Selezionare il Percorso padre.

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

    4. Inserisci il Titolo frammento come ScreensFragment.

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

    screen_shot_2019-07-29at105918am

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

  4. Creazione di una Live Copy di un frammento esperienza

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

    screen_shot_2019-07-29at110443am

    c. Seleziona la procedura guidata ScreensFragment da Crea Live Copy e fai clic su Avanti.

    d. Inserisci i valori Titolo e Nome come Schermi.

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

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

    screen_shot_2019-07-29at110616am

    NOTA

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

    Modifica delle proprietà di un frammento Screens

    1. Passa al ScreensFragment (creato nei passaggi precedenti) e fai clic su Proprietà dalla barra delle azioni.

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

    Puoi 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 di esperienza. frammento

  5. Utilizzo di Frammento esperienza come componente nel canale Screens

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

    2. Seleziona il TestChannel e fai clic su Modifica nella barra delle azioni.

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

    4. Trascina il Frammento esperienza sul tuo canale.

    screen_shot_2019-07-29at123115pm

    e. Seleziona il componente Frammento esperienza e fai clic sull’icona in alto a sinistra (chiave inglese) per aprire la finestra di dialogo Frammento esperienza .

    f. Seleziona la Live Copy Screens del frammento creato in Passaggio 3 in Percorso.

    screen_shot_2019-07-26at82650pm

    f. Seleziona la Live Copy Screens del frammento creato in Passaggio 3 in Frammento esperienza.

    screen_shot_2019-07-26at82509pm

    h. Immettere i millisecondi in Durata.

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

    NOTA

    Se desideri aggiungere librerie lato client o file statici oltre a quello configurato nel passaggio (4), puoi aggiungere dalla scheda Configurazione offline nella finestra di dialogo Frammento esperienza .

    screen_shot_2019-07-26at82844pm

    j. Fai 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. Navigazione al TestChannel.
  2. Seleziona Anteprima dalla barra delle azioni.

Puoi visualizzare il contenuto dalla pagina Sites (Live Copy del frammento di esperienza) nel tuo canale, come illustrato nella figura seguente:
screen_shot_2018-06-08at120739pm

Propagazione delle modifiche apportate alla pagina

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

A partire dal frammento esperienza, è stata creata una Live Copy dalle pagine Sites. Pertanto, se apporti modifiche a quel particolare frammento dalla pagina master, visualizzerai le modifiche nel canale o nella destinazione in cui hai utilizzato il frammento esperienza.

NOTA

Per ulteriori informazioni su Live Copy, consulta Riutilizzo del contenuto: Multi Site Manager e Live Copy.

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

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

    screen_shot_2018-06-08at122655pm

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

    screen_shot_2018-06-08at25031pm

  3. Viene visualizzata la finestra di dialogo Griglia prodotto.

    screen_shot_2018-06-08at25306pm

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

    screen_shot_2018-06-08at25608pm

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

    screen_shot_2018-06-08at31352pm

  6. Fai clic su Rollout per confermare le modifiche.

    Le modifiche vengono implementate.

    screen_shot_2018-06-08at32148pm

Convalida delle modifiche

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

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

  2. Fai clic su Anteprima nella barra delle azioni per confermare le modifiche.

L'immagine seguente illustra le modifiche apportate a TestChannel:
screen_shot_2018-06-08at3351pm

In questa pagina

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now