Verwenden von Experience Fragments using-experience-fragments

Last update: Sat Apr 06 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Erstellt für:

Intermediate
Admin
Developer

Auf dieser Seite werden die folgenden Themen behandelt:

Überblick
Verwenden von Experience Fragments in AEM Screens
Übertragen von Änderungen auf die Seite

Überblick overview

Ein Experience Fragment ist eine Gruppe aus einer oder mehreren Komponenten (einschließlich Inhalt und Layout), die innerhalb von Seiten referenziert werden können. Experience Fragments können beliebige Komponenten enthalten, z. B. eine oder mehrere Komponenten, die beliebige Elemente innerhalb eines Absatzsystems enthalten können, die in das gesamte Erlebnis referenziert oder von einem dritten Endpunkt angefordert werden.

Verwenden von Experience Fragments in AEM Screens using-experience-fragments-in-aem-screens

NOTE

Das folgende Beispiel verwendet We.Retail als Demoprojekt, von dem aus das Experience Fragment von einem Sites zu einem AEM Screens-Projekt hinzugefügt.

Der folgende Workflow veranschaulicht beispielsweise die Verwendung von Experience Fragments aus We.Retail in Sites. Sie können eine Webseite auswählen und diesen Inhalt in Ihrem AEM Screens-Kanal in einem Ihrer Projekte verwenden.

Voraussetzungen pre-requisites

Erstellen eines Demoprojekts mit einem Kanal

Erstellen eines Projekts

Um ein Projekt zu erstellen, wählen Sie Screens-Projekt erstellen.
Geben Sie DemoProject als Titel ein.
Wählen Sie Speichern aus.

A DemoProject zu Ihrer AEM Screens hinzugefügt.

Erstellen eines Kanals

Navigieren Sie zum erstellten DemoProject und wählen Sie den Ordner Kanal aus.
Auswählen Erstellen in der Symbolleiste, damit Sie den Assistenten öffnen können.
Wählen Sie die Sequenzkanal Vorlage aus dem Assistenten und wählen Sie Nächste.
Geben Sie die Titel as TestChannel und wählen Erstellen.

A TestChannel wird zu Ihrem DemoProject.
screen_shot_2019-07-29at105101am

Erstellen eines Experience Fragment creating-an-experience-fragment

Gehen Sie wie folgt vor, um den Inhalt aus We.Retail auf TestChannel in DemoProject.

Navigieren zu einer Sites-Seite in We.Retail
1. Navigieren Sie zu Sites und wählen Sie We.Retail > Vereinigte Staaten > englisch > Ausrüstung und wählen Sie diese Seite aus, damit Sie sie als Experience Fragment für Ihren Screens-Kanal verwenden können.
2. Auswählen Bearbeiten in der Aktionsleiste, damit Sie die Seite öffnen können, die Sie als Experience Fragment für Ihren Screens-Kanal verwenden möchten.
Wiederverwenden des Inhalts
1. Wählen Sie das Fragment aus, das Sie in Ihren Kanal aufnehmen möchten.
2. Wählen Sie das letzte Symbol rechts aus, damit Sie die In Experience Fragment konvertieren Dialogfeld.
Erstellen eines Experience Fragments
1. Wählen Sie unter Aktion die Option Neues Experience Fragment erstellen aus.
2. Wählen Sie den übergeordneten Pfad aus.
3. Wählen Sie die Vorlage aus. Wählen Sie hier die Vorlage Experience Fragment - Screens-Variante aus (Wert im Feld /libs/settings/screens/experience-fragments/templates/experience-fragment-template-screens).
4. Geben Sie unter Fragmenttitel den Wert ScreensFragment ein.
5. Um die Erstellung eines neuen Experience Fragment abzuschließen, wählen Sie das Kontrollkästchen aus.
Hinweis: Um eine einfachere Option auszuwählen, aktivieren Sie das Kontrollkästchen rechts neben dem Feld, damit Sie das Auswahldialogfeld öffnen können.

Erstellen einer Live Copy des Experience Fragments

Navigieren Sie zur AEM-Homepage.
Wählen Sie Experience Fragments aus, markieren Sie ScreensFragment und klicken Sie auf Variante als Live Copy, wie in der folgenden Abbildung dargestellt:

screen_shot_2019-07-29at110443am

c. Wählen Sie die Option ScreensFragment im Assistenten Live Copy erstellen aus und klicken Sie auf Weiter.

d. Geben Sie unter Titel und unter Namen den Wert Screens ein.

e. Wählen Sie Erstellen , damit Sie die Live Copy erstellen können.

f. Wählen Sie Fertig , damit Sie zurück zu ScreensFragment Seite.

screen_shot_2019-07-29at110616am

note note
NOTE
Nachdem Sie das Screens-Fragment erstellt haben, können Sie die Eigenschaften des Fragments bearbeiten. Wählen Sie das Fragment aus und klicken Sie in der Aktionsleiste auf Eigenschaften.

Bearbeiten von Eigenschaften eines Screens-Fragments

Navigieren Sie zum ScreensFragment (das Sie in den vorherigen Schritten erstellt haben) und klicken Sie in der Aktionsleiste auf Eigenschaften.
Wählen Sie die Registerkarte Offline-Konfiguration aus, wie in der Abbildung unten dargestellt.

Sie können die Client-seitige Bibliotheken (Java™ und CSS) und Statische Dateien zu Ihrem Experience Fragment hinzu.

Das folgende Beispiel zeigt das Hinzufügen von Client-seitigen Bibliotheken und Schriftarten als Teil statischer Dateien zu Ihrem Experience Fragment.

Verwenden des Experience Fragments als Komponente im Screens-Kanal

Navigieren Sie zum Screens-Kanal, in dem Sie das Screens-Fragment verwenden möchten.
Wählen Sie den TestChannel aus und klicken Sie in der Aktionsleiste auf Bearbeiten.
Klicken Sie in der Seitenleiste auf das Komponentensymbol.
Ziehen Sie das Experience Fragment in Ihren Kanal.

screen_shot_2019-07-29at123115pm

e. Wählen Sie die Experience Fragment und wählen Sie das Symbol oben links (Schraubenschlüssel) aus, damit Sie die Experience Fragment Dialogfeld.

f. Wählen Sie im Feld Pfad.die Live Copy Screens des Fragments aus, die Sie in Schritt 3 erstellt haben.

screen_shot_2019-07-26at82650pm

f. Wählen Sie im Feld Experience Fragment die Live Copy Screens des Fragments aus, die Sie in Schritt 3 erstellt haben.

screen_shot_2019-07-26at82509pm

h. Geben Sie die Millisekunden in Dauer ein.

i. Wählen Sie die Offline-Konfiguration aus dem Experience Fragments -Dialogfeld, damit Sie die clientseitigen Bibliotheken und die statischen Dateien definieren können.

note note
NOTE
Um Client-seitige Bibliotheken oder statische Dateien zusätzlich zu dem hinzuzufügen, was Sie in Schritt 4 konfiguriert haben, können Sie über die Offline-Konfiguration im Experience Fragment Dialogfeld.

screen_shot_2019-07-26at82844pm

j. Aktivieren Sie das Kontrollkästchen, damit Sie den Vorgang abschließen können.

Validieren des Ergebnisses validating-the-result

Nach Abschluss der vorherigen Schritte können Sie Ihr Experience Fragment in ChannelOne durch:

Navigieren Sie zum TestChannel.
Wählen Sie in der Aktionsleiste die Vorschau aus.

Anzeigen des Inhalts aus der Sites Seite (Live Copy des Experience Fragment) in Ihrem Kanal verwenden, wie in der folgenden Abbildung dargestellt:
screen_shot_2018-06-08at120739pm

Übertragen von Änderungen auf die Seite propagating-changes-from-the-master-page

Live Copy bezieht sich auf die Kopie (der Quelle), die durch Synchronisierungsaktionen aufrechterhalten wird, wie in den Rollout-Konfigurationen definiert.

Da das von Ihnen erstellte Experience Fragment eine Live Copy aus dem Sites und wenn Sie dieses Fragment von der primären Seite aus ändern, sehen Sie die Änderungen in Ihrem Kanal. Sie können auch das Ziel anzeigen, in dem Sie das Experience Fragment verwendet haben.

NOTE

Weitere Informationen zur Live Copy finden Sie unter Wiederverwenden von Inhalten: Multisite-Manager und Live Copy .

Gehen Sie wie folgt vor, um Änderungen vom primären Kanal auf den Zielkanal zu übertragen:

Wählen Sie das Experience Fragment aus der Sites (primäre Seite) und klicken Sie auf das Stiftsymbol, damit Sie die Elemente im Experience Fragment bearbeiten können.
Wählen Sie das Experience Fragment aus und klicken Sie auf das Schraubenschlüsselsymbol, damit Sie das Dialogfeld zum Bearbeiten der Bilder öffnen können.
Das Dialogfeld Produktraster wird geöffnet.
Sie können alle Bilder bearbeiten. Hier wird beispielsweise das erste Bild in diesem Fragment ersetzt.
Wählen Sie das Experience Fragment aus und klicken Sie auf das Rollout -Symbol, damit Sie Änderungen an dem Fragment übertragen können, das in Ihrem Kanal verwendet wird.
Wählen Sie Rollout aus.

Beachten Sie, dass die Änderungen eingeführt werden.