HCL Commerce Version 9.1.8.0 or later

Développement de widgets d'interface utilisateur de liste de présélection

Créez facilement des widgets Créer une liste de présélection et Afficher la liste de présélection.

About this task

Pour afficher la liste de présélection dans la page, mappez le composant React wishlist-view au route/ wish-list. Les rubriques suivantes vous montrent comment procéder.

Procedure

  1. Créez un dossier wish-list à l'intérieur de src/components/widgets, pour ajouter le widget Créer une liste de présélection et le widget Afficher une liste de présélection.
  2. Une fois que vous avez créé un dossier wish-list, ouvrez le fichier zip de code source téléchargé.
  3. Copiez les fichiers suivants à partir du dossier wishlisttutorial_sourcecode/src/components/widgets/wish-list/ et collez-les dans le dossier wish-list récemment créé :
    • create-wishlist-widget.tsx
    • display-wishlist-widget.tsx
    • index.ts

    Les composants d'interface utilisateur mise en forme du kit SDK du magasin React HCL Commerce sont utilisés pour concevoir les widgets ci-dessus. La conception d'interface utilisateur matérielle est utilisée pour les composants d'interface utilisateur mise en forme.