Tutoriel : Personnalisation des widgets Commerce Composer pour afficher des informations supplémentaires

Dans ce tutoriel, vous mettez à jour un widget Commerce Composer pour afficher des informations supplémentaires.

Les pages de catalogue de l'exemple de magasin Aurora utilisent des présentations Commerce Composer pour permettre aux utilisateurs professionnels de gérer le contenu et la structure des pages. Dans ce tutoriel, la page de catégorie est examinée pour déterminer quels widgets sont utilisés par défaut. Ensuite, vous personnalisez l'un des widgets pour afficher des informations supplémentaires sur la page. Plus précisément, vous mettez à jour le widget pour afficher le nom du fabricant du produit. Le nom du fabricant sera également un lien qui, après que l'utilisateur a cliqué dessus, affichera la page des résultats de recherche avec une liste de produits appartenant à la même marque.

Objectifs d'apprentissage

A l'issue de ce tutoriel, vous aurez appris à :
  • Personnalisez un widget existant à l'aide de HCL Commerce Developer.
  • Gérez le widget à l'aide de l'outil Commerce Composer.

Temps nécessaire

Prévoyez 4 à 5 heures pour réaliser ce tutoriel. Le tutoriel prend plus de temps si vous explorez les concepts abordés dans ce tutoriel.

Niveau de compétences requis

Ce tutoriel s'adresse aux développeurs expérimentés de HCL Commerce chargés de la personnalisation des pages de magasin. Pour suivre ce tutoriel, vous devez être familiarisé avec les termes et les concepts suivants :
  • Management Center structure
  • Services Web
  • XML
  • CSS
  • Commerce Composer
  • Fichiers JSP et JSPF

Prérequis

Avant de commencer ce tutoriel, vérifiez que vous avez effectué la tâche suivante :

Ressources du tutoriel

Vous pouvez télécharger et examiner un fichier compressé qui contient des exemples de code similaires au code utilisé dans ce tutoriel. Téléchargez et extrayez ce fichier dans un répertoire temporaire, désigné par composerwidget_tutorialSourceFiles.

composerwidget_tutorialSourceFiles.zip...

En outre, vous pouvez télécharger et examiner un fichier compressé qui contient toutes les modifications de code appliquées dans ce tutoriel, pour référence :

composerwidget_tutorialSourceFiles_AppliedChangeInTutorial.zip...