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 AEM Content and Commerce Authoring-Journey, Erste ​ mit den Authoring-Grundlagen von AEM CIF, ​ 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:

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.

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.

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

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

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.

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

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.

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

Geben Sie den Titel ein und erstellen Sie die Seite.

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

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

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

Die Vorlage kann mit jeder Kategorie/jedem Produkt in der Vorschau angezeigt werden. Öffnen Sie Seiteninformationen und wählen Sie dann 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.

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.

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.

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:

Nutzen Sie diese Kenntnisse und fahren Sie mit dem Journey fort, indem Sie als Nächstes das Dokument Verwalten von Erlebnissen im gestaffelten Produktkatalog lesen, in dem Sie lernen, wie Sie mit gestaffelten Produktdaten und AEM-Launches arbeiten.

Zusätzliche Ressourcen additional-resources

Es wird zwar empfohlen, mit dem nächsten Teil der Journey fortzufahren, indem Sie das Dokument Verwalten des gestaffelten Produktkatalogs) lesen. Im Folgenden finden Sie ​ einige zusätzliche optionale Ressourcen, die einige in diesem Dokument erwähnte Konzepte vertiefen. Sie sind jedoch nicht erforderlich, um mit der Headless-Journey fortzufahren: