Använda Experience Fragments

Den här sidan innehåller följande avsnitt:

  • Översikt
  • Använda Experience Fragments i AEM Screens
  • Sprider ändringar på sidan

Översikt

En Experience Fragment är en grupp med en eller flera komponenter, inklusive innehåll och layout, som kan refereras till på sidor. Experience fragments kan innehålla alla komponenter, till exempel en eller flera komponenter som kan innehålla vad som helst i ett styckesystem, som refereras till den fullständiga upplevelsen eller begärs av en tredje slutpunkt.

Använda Experience Fragments i AEM Screens

OBSERVERA

I följande exempel används We.Retail som ett demoprojekt från vilket Experience Fragment används från en Sites-sida till ett AEM Screens-projekt.

I följande arbetsflöde demonstreras användningen av upplevelsefragment från We.Retail i Sites. Du kan välja en webbsida och använda det innehållet i din AEM Screens-kanal i något av dina projekt.

Krav

Skapa ett demonstrationsprojekt med en kanal

Skapa ett projekt

  1. Klicka på Skapa skärmsprojekt för att skapa ett nytt projekt.
  2. Ange titeln som DemoProject.
  3. Klicka på Spara.

Ett DemoProject läggs till i din AEM Screens.

Skapa en kanal

  1. Navigera till DemoProject som du skapade och välj mappen Kanaler.

  2. Klicka på Skapa i åtgärdsfältet för att öppna guiden.

  3. Välj mallen Sekvenskanal i guiden och klicka på Nästa.

  4. Ange titeln som TestChannel och klicka på Skapa.

En TestChannel läggs till i DemoProject.
screen_shot_2019-07-29at105101am

Skapa ett upplevelsefragment

Följ stegen nedan för att utnyttja innehållet från We.Retail till din TestChannel i DemoProject.

  1. Navigera till en Sites-sida i We.Retail

    1. Navigera till Sites och välj We.Retail -> United States -> English -> Equipment och välj den här sidan om du vill använda den som ett upplevelsefragment för din skärmkanal.

    2. Klicka på Redigera i åtgärdsfältet för att öppna sidan som du vill använda som ett upplevelsefragment för skärmkanalen.

  2. Återanvända innehållet

    1. Markera det fragment som du vill inkludera i kanalen.
    2. Klicka på den sista ikonen till höger för att öppna dialogrutan Konvertera till upplevelsefragment.

    screen_shot_2019-07-29at105314am

  3. Skapa Experience fragment

    1. Välj åtgärden som Skapa ett nytt Experience Fragment.

    2. Markera den överordnade sökvägen.

    3. Välj mallen. Välj mallen Experience Fragment - Skärmvariation här (värde i fältet /libs/settings/screens/experience-fragments/templates/experience-fragment-template-screens).

    4. Ange fragmenttiteln som ScreensFragment.

    5. Klicka på bockmarkeringen för att slutföra skapandet av ett nytt upplevelsefragment.

    screen_shot_2019-07-29at105918am

    Obs! Om du vill välja ett enklare alternativ klickar du på bockmarkeringen till höger om fälten för att öppna urvalsdialogrutan.

  4. Skapa Live Copy of Experience Fragment

    1. Navigera till AEM startsida.
    2. Välj Experience Fragments och markera ScreensFragment och klicka på Variation som live-copy, vilket visas i bilden nedan:

    screen_shot_2019-07-29at110443am

    c. Välj guiden Skärmfragment i Skapa Live-kopia och klicka på Nästa.

    d. Ange titeln och Namn som Skärmar.

    e. Klicka på Skapa för att skapa Live-kopian.

    f. Klicka på Klar för att gå tillbaka till sidan Skärmfragment.

    screen_shot_2019-07-29at110616am

    OBSERVERA

    När du har skapat fragmentet Skärmar kan du redigera egenskaperna för fragmentet. Markera fragmentet och klicka på Egenskaper i åtgärdsfältet.

    Redigera egenskaper för ett skärmsfragment

    1. Navigera till ScreensFragment (du skapade i föregående steg) och klicka på Egenskaper i åtgärdsfältet.

    2. Välj fliken Offline Config, vilket visas i figuren nedan.

    Du kan lägga till Libraries (java och css) och statiska filer i ditt upplevelsefragment.

    I följande exempel visas hur bibliotek på klientsidan och teckensnitten läggs till som en del av statiska filer i ditt upplevelsefragment. fragment

  5. Använda Experience Fragment som en komponent i Skärmkanalen

    1. Navigera till kanalen Skärmar där du vill använda fragmentet Skärmar.

    2. Välj TestChannel och klicka på Redigera i åtgärdsfältet.

    3. Klicka på komponentikonen på sidofliken.

    4. Dra och släpp Experience Fragment till din kanal.

    screen_shot_2019-07-29at123115pm

    e. Markera Experience Fragment-komponenten och välj den övre vänstra (skiftnyckel) ikonen för att öppna dialogrutan Experience Fragment.

    f. Markera den aktiva kopian Skärmar av fragmentet som du skapade i Steg 3 i Sökväg.

    screen_shot_2019-07-26at82650pm

    f. Markera den aktiva kopian Skärmar av fragmentet som du skapade i Steg 3 i Experience Fragment.

    screen_shot_2019-07-26at82509pm

    h. Ange millisekunder i Varaktighet.

    i. Välj Offline Config i dialogrutan Experience Fragments för att definiera klientbiblioteken och de statiska filerna.

    OBSERVERA

    Om du vill lägga till bibliotek på klientsidan eller statiska filer utöver vad du konfigurerade i steg (4) kan du lägga till från fliken Offline Config i dialogrutan Experience Fragment.

    screen_shot_2019-07-26at82844pm

    j. Klicka på bockmarkeringen för att slutföra processen.

Validerar resultatet

När du har slutfört de föregående stegen kan du validera ditt upplevelsefragment i ChannelOne genom att:

  1. Navigerar till TestChannel.
  2. Välj Förhandsgranska i åtgärdsfältet.

Du kan visa innehållet från sidan Webbplatser (live-copy av upplevelsefragmentet) i din kanal enligt bilden nedan:
screen_shot_2018-06-08at120739pm

Sprider ändringar på sidan

Live Copy refererar till kopian (av källan), som underhålls av synkroniseringsåtgärder som definieras av utrullningskonfigurationerna.

Sedan Experience Fragment har vi skapat en live-kopia från webbplatserna-sidorna, så om du gör ändringar i det aktuella avsnittet från den överordnad sidan kommer du att se ändringarna i kanalen eller målet där du har använt Experience Fragment.

OBSERVERA

Mer information om Live Copy finns i Återanvända innehåll: Multi Site Manager och Live Copy.

Följ stegen nedan för att sprida ändringar från den överordnad kanalen till målkanalen:

  1. Välj Experience Fragment på sidan Platser (överordnad) och klicka på pennikonen för att redigera objekten i Experience Fragment.

    screen_shot_2018-06-08at122655pm

  2. Välj Experience Fragment och klicka på skiftnyckelsikonen för att öppna dialogrutan för att redigera bilderna.

    screen_shot_2018-06-08at25031pm

  3. Dialogrutan Produktstödraster öppnas.

    screen_shot_2018-06-08at25306pm

  4. Du kan redigera alla bilder. Här ersätts t.ex. den första bilden i det här avsnittet.

    screen_shot_2018-06-08at25608pm

  5. Välj Experience Fragment och klicka på ikonen Rollout för att sprida ändringarna till det fragment som används i din kanal.

    screen_shot_2018-06-08at31352pm

  6. Klicka på Överrullning för att bekräfta ändringarna.

    Du ser att ändringarna har rullats ut.

    screen_shot_2018-06-08at32148pm

Validerar ändringarna

Följ stegen nedan för att bekräfta ändringarna i din kanal:

  1. Navigera till skärmar -> Kanaler -> Testkanal.

  2. Klicka på Förhandsgranska i åtgärdsfältet för att bekräfta ändringarna.

Följande bild visar ändringarna i din TestChannel:
screen_shot_2018-06-08at3351pm

På denna sida