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

An 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

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 Skapa skärmsprojekt för att skapa ett nytt projekt.
2. Ange titeln som DemoProject.
3. Klicka Spara.

A DemoProject läggs till i din AEM Screens.

Skapa en kanal

1. Navigera till DemoProject du skapade och väljer Kanaler mapp.

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

3. Välj Sekvenskanal mall från guiden och klicka på Nästa.

4. Ange Titel as TestChannel och klicka Skapa.

A TestChannel läggs till i DemoProject.

Skapa ett upplevelsefragment

Följ stegen nedan för att återanvända innehållet från Vi.butik till TestChannel in DemoProject.

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

   1. Navigera till Platser och välj Vi.butik -> Amerikas förenta stater -> Engelska -> Utrustning och väljer den här sidan om du vill använda den som ett upplevelsefragment för din skärmkanal.

   2. Klicka Redigera från åtgärdsfältet för att öppna sidan som du vill använda som ett upplevelsefragment för din skärmkanal.

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 Konvertera till upplevelsefragment -dialogrutan.

   

3. Skapa Experience fragment

   1. Välj Åtgärd as Skapa ett nytt Experience Fragment.

   2. Välj Överordnad sökväg.

   3. Välj Mall. Välj Experience Fragment - skärmvariationer mall här (värde i fältet) /libs/settings/screens/experience-fragments/templates/experience-fragment-template-screens).

   4. Ange Fragmenttitel as SkärmarFragment.

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

   

   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 Upplevelsefragment och markera SkärmarFragment och klicka Variation som live-copy, vilket visas i figuren nedan:

   

   c. Välj SkärmarFragment från Skapa Live Copy guide och klicka Nästa.

   d. Ange Titel och Namn as Skärmar.

   e. Klicka Skapa för att skapa Live Copy.

   f. Klicka Klar för att gå tillbaka till SkärmarFragment sida.

   

   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 SkärmarFragment (du skapade i föregående steg) och klicka på Egenskaper i åtgärdsfältet.

   2. Välj Offlinekonfiguration enligt bilden nedan.

   Du kan lägga till Bibliotek på klientsidan (java och css) och Statiska filer till ert upplevelsefragment.

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

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

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

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

   3. Klicka på komponentikonen på sidofliken.

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

   

   e. Välj Experience Fragment och välj ikonen längst upp till vänster (skiftnyckel) för att öppna Experience Fragment -dialogrutan.

   f. Välj Skärmar live copy av fragmentet du skapade i Steg 3 in Bana.

   

   f. Välj Skärmar live copy av fragmentet du skapade i Steg 3 i Experience Fragment.

   

   h. Ange millisekunder i Varaktighet.

   i. Välj Offlinekonfiguration från Upplevelsefragment för att definiera bibliotek på klientsidan och statiska filer.

   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 Offlinekonfiguration i Experience Fragment -dialogrutan.

   

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

Validerar resultatet

När du är klar med de föregående stegen kan du validera ditt upplevelsefragment i ChannelOne av:

1. Navigera till TestChannel.
2. Markera Förhandsgranska i åtgärdsfältet.

Du kan visa innehållet från Webbplatser sida (live-copy av upplevelsefragmentet) i din kanal, vilket visas i bilden nedan:

Sprider ändringar på sidan

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

Sedan Experience Fragment skapade vi en live-kopia från Webbplatser sidor, 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.

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

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

   

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

   

3. The Produktstödraster öppnas.

   

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

   

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

   

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

   Du ser att ändringarna har rullats ut.

   

Validerar ändringarna

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

1. Navigera till Skärmar -> Kanaler -> TestChannel.

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

Följande bild visar ändringarna i TestChannel: