Verwalten von Produktkatalogseiten und -vorlagen product-catalog

Hier erfahren Sie, wie Sie Produktkatalogseiten und -vorlagen verwalten.

Die bisherige Entwicklung story-so-far

Im vorherigen Dokument der Journey für das AEM Content and Commerce-Authoring, Einstieg in die Grundlagen des AEM-CIF-Authorings, haben Sie die Grundlagen des CIF-Authorings kennengelernt.

Dieser Artikel baut auf diesen Grundlagen auf.

Ziel objective

In diesem Dokument erfahren Sie, wie Sie Produktkatalogseiten und -vorlagen verwalten. Nach dem Lesen sollten Sie:

  • die Konzepte von Katalogvorlagen verstehen
  • die Funktionsweise generischer Vorlagen verstehen
  • eine individuelle Vorlage erstellt haben

Das Grundkonzept basic-concept

Die Venia-Storefront verfügt über eine typische Produktkatalogoberfläche mit Navigation, Landingpage sowie Seiten für Kategorien (PLP) und Produktdetails (PDP).

Katalogseiten werden dynamisch mithilfe einer AEM-CIF-Katalogvorlage und Echtzeit-Produktdaten erstellt, die bei Bedarf vom Commerce-Endpunkt abgerufen werden. Jeder Katalog verfügt über eine generische Vorlage für Produkt- und Kategorieseiten.
Katalogstruktur

Die Navigationskomponente zeigt Inhalts- und Katalogseiten an. Es ist möglich, die Katalog-Landingpage oder die Kategorien der ersten Ebene in der Navigation anzuzeigen. Wenn Sie den Mauszeiger über eine Kategorie bewegen, werden Kategorien der zweiten Ebene als zweite Zeile angezeigt.
Katalognavigation

Durch Klicken auf eine Kategorie wird die Kategorieseite (oder Produktlistenseite) geöffnet.

PLP

Durch Klicken auf ein Produkt wird die Produktdetailseite geöffnet.

PLP

Die Vorlagen templates

Generische Vorlagen generic

Die generische Venia-Katalogvorlage verwendet die Produktlisten-Kernkomponente. Diese Komponente zeigt das Kategoriebild (sofern verfügbar) und Produkte aus der Kategorie an.
Kategorievorlage

Die generische Venia-Produktvorlage verwendet die Produktdetails-Kernkomponente. Diese Komponente zeigt Produktinformationen für verschiedene Produktarten und die Aktion „In den Warenkorb“ an.
Produktvorlage

Bearbeiten von Vorlagen edit-templates

Vorlagen können bearbeitet werden, indem Sie die Vorlagenseite direkt öffnen oder indem Sie beim Durchsuchen einer Produktkatalogseite in den Bearbeitungsmodus wechseln. Denken Sie daran, dass durch Ändern der Seite die Vorlage und nicht nur die spezifische Seite des Produkts/der Kategorie geändert wird.

Kategorie- oder produktspezifische Vorlagen specific

CIF unterstützt mehrere Vorlagen mit nur wenigen Klicks. Um eine andere Vorlage zu erstellen, wählen Sie die generische Vorlage aus der entsprechenden Kategorie aus und erstellen Sie eine neue Seite mithilfe der Aktion Erstellen.

Erstellen einer Vorlagenseite

Wählen Sie die entsprechende Produkt- oder Kategorievorlage aus.

Erstellen einer Vorlage: Auswählen

Geben Sie den Titel ein und erstellen Sie die Seite.

Erstellen einer Vorlage: Eingeben

Beachten Sie, dass jetzt eine spezifische Vorlage unter der generischen Vorlage vorhanden ist.

Erstellen der Vorlagenhierarchie

Öffnen Sie die Vorlage. Sie sieht genau wie die generische Kategorievorlage aus.

Neuerstellen einer Vorlage

Fügen Sie oben auf der Seite ein Bild hinzu.

Vorlagenaktualisierung erstellen

Die Vorlage kann mit jeder Kategorie/jedem Produkt in der Vorschau angezeigt werden. Öffnen Sie Seiteninformationen und wählen Sie Mit Kategorie/Produkt anzeigen. Wählen Sie das Produkt/die Kategorie aus der Auswahl aus, um eine Vorschau mit diesem Produkt/dieser Kategorie zu erhalten. Wählen Sie die Kategorie Den Look kaufen, um eine Vorschau der aktualisierten Vorlage zu erhalten.

Vorlage erstellen

Nun müssen Sie diese Vorlage der jeweiligen Kategorie zuweisen. Öffnen Sie „Eigenschaften“ im Menü Seiteninformationen und wechseln Sie zur Registerkarte „Commerce“. Klicken Sie in der Kategorieauswahl auf das Ordnersymbol, um die Kategorie Shop the Look auszuwählen. Es ist möglich, einer Vorlage mehrere Kategorien und auch Unterkategorien zuzuweisen, indem Sie das Kontrollkästchen aktivieren.

Vorlagenzuordnung erstellen

Navigieren Sie zurück zur Hauptseite und klicken Sie auf die Kategorie Shop The Look, um die spezifische Vorlage anzuzeigen. Alle anderen Kategorien verwenden weiterhin die generische Vorlage.

Vorlagenergebnis erstellen

Derselbe Workflow kann angewendet werden, um individuelle Produktvorlagen zu erstellen.

Wie geht es weiter what-is-next

Nachdem Sie nun diesen Teil der Tour abgeschlossen haben, sollten Sie:

  • die Konzepte von Katalogvorlagen verstehen
  • die Funktionsweise generischer Vorlagen verstehen
  • eine individuelle Vorlage erstellt haben

Bauen Sie auf diesem Wissen auf und fahren Sie mit Ihrer Tour fort, indem Sie jetzt das Dokument Verwalten von Erlebnissen im Staging-Produktkatalog durchgehen, in dem Sie erfahren, wie Sie mit Staging-Produktdaten und AEM-Launches arbeiten.

Zusätzliche Ressourcen additional-resources

Es wird zwar empfohlen, zum nächsten Teil der Tour voranzuschreiten, indem Sie jetzt das Dokument Verwalten von Erlebnissen im gestaffelten Produktkatalog durchgehen, Sie finden aber im Folgenden noch einige zusätzliche, optionale Ressourcen, die einige der in diesem Dokument erwähnten Konzepte vertiefen. Diese sind jedoch nicht zwingend erforderlich, um mit der Headless-Tour fortzufahren:

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab