Hier erfahren Sie, wie Sie Produktkatalogseiten und -vorlagen verwalten.
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.
In diesem Dokument erfahren Sie, wie Sie Produktkatalogseiten und -vorlagen verwalten. Nach dem Lesen sollten Sie:
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 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“ an.
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.
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 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 wir 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 Den Look kaufen 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.
Nachdem Sie nun diesen Teil der Tour abgeschlossen haben, sollten Sie:
Machen Sie sich mit diesem Wissen vertraut und fahren Sie mit Ihrer Tour fort, indem Sie jetzt das Dokument Verwalten von Erlebnissen im gestaffelten Produktkatalog durchgehen, in dem Sie erfahren, wie Sie mit gestaffelten Produktdaten und AEM-Launches arbeiten.
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: