Gérer les pages et les modèles de catalogue de produits

Découvrez comment gérer les pages et les modèles de catalogue de produits.

Un peu d’histoire…

Dans le document précédent du parcours de création AEM Content and Commerce, Prise en main des bases de création AEM CIF, vous avez appris les principes de base de la création CIF.

Cet article développe ces principes fondamentaux.

Objectif

Ce document vous aide à comprendre comment gérer les pages et les modèles de catalogue de produits. Après avoir lu ce document, vous devriez :

  • comprendre les concepts des modèles de catalogue;
  • comprendre comment fonctionnent les modèles génériques
  • avoir créé un modèle individuel ;

Le concept de base

Venia storefront est fourni avec une expérience de catalogue de produits typique avec des pages de navigation, d’entrée, de catégorie (PLP) et de détails de produit (PDP).

Les pages de catalogue sont créées dynamiquement à l’aide d’un modèle de catalogue AEM CIF et de données de produit en temps réel qui sont récupérées au point d’entrée Commerce, le cas échéant. Chaque catalogue comporte un modèle générique pour les pages de produits et de catégories.
structure de catalogue

Le composant Navigation affiche le contenu et les pages de catalogue. Il est possible d’afficher la page de destination du catalogue ou les catégories de premier niveau dans la navigation. Placer le pointeur de la souris sur une catégorie affiche les catégories de deuxième niveau sur une deuxième ligne.
navigation dans les catalogues

Cliquez sur une catégorie pour ouvrir la page de catégorie (ou la page de liste de produits).

PLP

Cliquez sur un produit pour ouvrir la page des détails du produit.

PLP

Les modèles

Modèles génériques

Le modèle de catalogue Venia générique utilise le composant principal Liste de produits. Ce composant affiche l’image de catégorie, le cas échéant, et les produits de la catégorie.
modèle de catégorie

Le modèle de produit Venia générique utilise le composant principal Détails du produit. Ce composant affiche des informations sur les produits pour divers types de produits et l’action Ajout au panier.
modèle de produit

Modifier les modèles

Les modèles peuvent être modifiés en ouvrant directement la page du modèle ou en passant en mode d’édition lors de la navigation sur une page du catalogue de produits. Gardez à l’esprit que la modification de la page modifie le modèle et pas seulement la page spécifique du produit/de la catégorie.

Modèles spécifiques à une catégorie ou à un produit

CIF prend en charge plusieurs modèles en quelques clics seulement. Pour créer un autre modèle, sélectionnez le modèle générique dans la catégorie correspondante et créez une page en utilisant l’action Créer.

créer une page de modèle

Sélectionnez le modèle de produit ou de catégorie correspondant.

créer une sélection de modèles

Saisissez le titre et créez la page.

créer une saisie de modèle

Notez que vous disposez désormais d’un modèle spécifique sous le modèle générique.

créer une hiérarchie de modèles

Ouvrez le modèle. Il ressemble trait pour trait au modèle de catégorie générique.

créer un nouveau modèle

Ajoutez une image en haut de la page.

créer une mise à jour de modèle

Le modèle peut être prévisualisé avec n’importe quelle catégorie/produit. Ouvrez Informations sur la page, puis sélectionnez Afficher avec la catégorie/le produit. Sélectionnez le produit/la catégorie dans le sélecteur pour obtenir un aperçu de ce produit/cette catégorie. Sélectionnez la catégorie Shop The Look pour obtenir un aperçu du modèle mis à jour.

créer un modèle

Nous devons maintenant affecter ce modèle à la catégorie spécifique. Ouvrez les propriétés dans le menu Informations sur la page et passez à l’onglet commerce. Cliquez sur l’icône du dossier pour sélectionner la catégorie Shop The Look dans le sélecteur de catégorie. Il est possible d’affecter plusieurs catégories à un modèle et d’inclure également des sous-catégories en activant la case à cocher.

créer un modèle associé

Revenez à la page d’accueil principale et cliquez sur la catégorie Shop The Look pour afficher le modèle spécifique. Toutes les autres catégories utilisent toujours le modèle générique.

créer le résultat du modèle

Le même workflow peut être appliqué pour créer des modèles de produit individuels.

Prochaines étapes

Maintenant que vous avez terminé cette partie du parcours, vous devriez :

  • comprendre les concepts des modèles de catalogue;
  • comprendre comment fonctionnent les modèles génériques
  • avoir créé un modèle individuel ;

Tirer parti de ces connaissances et poursuivre votre parcours en consultant le document Gérer les expériences de catalogue de produits étape par étape, où vous apprendrez à utiliser des données de produit intermédiaires et des lancements AEM.

Ressources supplémentaires

Bien qu’il soit recommandé de passer à la partie suivante du parcours en consultant le document Gérer les expériences de catalogue de produits intermédiaires, vous trouverez ci-après quelques ressources facultatives supplémentaires pour approfondir un certain nombre de concepts mentionnés dans ce document, mais non obligatoires pour poursuivre le parcours Headless :

Sur cette page