Home
Documentation
HCL Commerce est une plateforme de commerce électronique haute disponibilité, hautement évolutive et personnalisable. Capable de prendre en charge des centaines de milliers de transactions par jour, HCL Commerce vous permet de faire des affaires avec les consommateurs (B2C) ou directement avec les entreprises (B2B). HCL Commerce utilise une technologie conviviale pour faciliter et rendre le déploiement et le fonctionnement à la fois faciles et efficaces. Il fournit des outils faciles à utiliser permettant aux professionnels de créer et gérer des campagnes marketing de précision, des promotions, des catalogues et du marchandisage sur tous les canaux de vente, Les professionnels peuvent créer et gérer des campagnes de marketing de précision, des promotions, des catalogues et du merchandising à travers tous les canaux de distribution. Les professionnels peuvent également utiliser des fonctionnalités de gestion de contenu activées par intelligence artificielle (IA).
Tutoriels
HCL Commerce fournit de nombreux tutoriels pour vous aider à personnaliser et à comprendre votre instance et vos magasins HCL Commerce.
Magasins types
HCL Commerce propose des tutoriels ayant pour vocation de présenter les diverses tâches relatives à la personnalisation de la vitrine.
Tutoriel sur la liste de présélection
La liste de présélection est une fonction de commerce électronique qui aide les clients à créer une collection personnalisée de produits qu'ils souhaitent acheter et à les enregistrer dans la page de leur compte.
Créer un composant wishlist-view
Après avoir créé les composants Redux et un fichier de données simulé, créez le composant wishlist-view.

Documentation
HCL Commerce est une plateforme de commerce électronique haute disponibilité, hautement évolutive et personnalisable. Capable de prendre en charge des centaines de milliers de transactions par jour, HCL Commerce vous permet de faire des affaires avec les consommateurs (B2C) ou directement avec les entreprises (B2B). HCL Commerce utilise une technologie conviviale pour faciliter et rendre le déploiement et le fonctionnement à la fois faciles et efficaces. Il fournit des outils faciles à utiliser permettant aux professionnels de créer et gérer des campagnes marketing de précision, des promotions, des catalogues et du marchandisage sur tous les canaux de vente, Les professionnels peuvent créer et gérer des campagnes de marketing de précision, des promotions, des catalogues et du merchandising à travers tous les canaux de distribution. Les professionnels peuvent également utiliser des fonctionnalités de gestion de contenu activées par intelligence artificielle (IA).
- Mise en route
  HCL Commerce possède différents avantages pour les utilisateurs professionnels, les administrateurs et les développeurs. HCL Commerce cible chacun de ces rôles avec un ensemble personnalisé d'offres, afin que chaque utilisateur puisse en tirer le meilleur parti.
- Installation et déploiement
  Découvrez comment installer et déployer des environnements de production HCL Commerce development environment et HCL Commerce.
- Migration
  Avant d'effectuer une migration vers HCL Commerce Version 9.1, consultez les informations ci-après pour vous aider à planifier et exécuter votre migration.
- Exploitation
  Les sujets de la catégorie Exploitation mettent en évidence les tâches généralement effectuées par les utilisateurs professionnels et les représentants du support client pour effectuer leurs tâches quotidiennes dans le cadre de l'exploitation du site HCL Commerce.
- Intégration
  Les rubriques de la catégorie Intégration mettent en évidence les tâches couramment effectuées pour l'utilisation de HCL Commerce en association avec d'autres produits.
- Administration
  Les rubriques de la catégorie Administration traitent des tâches généralement effectuées par l'administrateur de site pour prendre en charge les opérations quotidiennes du site HCL Commerce.
- Personnalisation
  Les rubriques de la section Personnalisation décrivent les tâches réalisées par un développeur d'applications pour personnaliser HCL Commerce.
- Tutoriels
  HCL Commerce fournit de nombreux tutoriels pour vous aider à personnaliser et à comprendre votre instance et vos magasins HCL Commerce.
  - Logique de démarrage Docker
    HCL Commerce propose des tutoriels ayant pour vocation de présenter les diverses tâches relatives à la personnalisation de la logique de démarrage du Docker de personnalisation. Les tutoriels suivants fournissent des exemples de guides pour définir la logique personnalisée.
  - Modèle program.
    HCL Commerce propose des tutoriels ayant pour vocation de présenter les diverses tâches relatives à la création du code personnalisé pour développer et améliorer les applications HCL Commerce. Les tutoriels suivants fournissent des exemples de guides pour personnaliser les éléments du modèle de programmation HCL Commerce.
  - Services Web
    Les tutoriels de services Web introduisent les différentes tâches liées à la création et à la personnalisation de services Web pour les applications HCL Commerce.
  - Management Center
    HCL Commerce propose des tutoriels ayant pour vocation de présenter les diverses tâches relatives à la personnalisation de Management Center.
  - Migration
    HCL Commerce propose des tutoriels conçus pour présenter les diverses tâches relatives à la migration à partir des versions antérieures de WebSphere Commerce. Les tutoriels suivants fournissent des exemples de guides pour la migration de vos sites WebSphere Commerce vers HCL Commerceversion 9.1.
  - Search
    HCL Commerce fournit des tutoriels conçus pour décrire comment personnaliser HCL Commerce Search.
  - Magasins types
    HCL Commerce propose des tutoriels ayant pour vocation de présenter les diverses tâches relatives à la personnalisation de la vitrine.
    - Personnalisation de la vitrine
      Dans ce tutoriel, vous apprenez à personnaliser la vitrine d'un magasin personnalisé en raccourcissant l'URL du magasin et en ajoutant une vue à la vitrine en mettant à jour la racine de contexte et en ajoutant une vue pour afficher la page d'accueil.
    - Fonction de comparaison de produits
      La fonction de comparaison de produits vous permet de comparer les articles de la page de liste des produits (PLP) sous forme de tableau sur un écran dédié.
    - Utilisation de l'outil Composeur de page dans le magasin React
      Pour utiliser l'outil Composeur de page pour les magasins React, vous devez modifier la base de données afin d'utiliser les données des magasins Aurora dans les magasins React. Ici, l'exemple de magasin AuroraB2B est pris en référence aux magasins React Sapphire.
    - Ajout de la prise en charge d'une langue à un magasin (API REST)
      Dans ce tutoriel, vous ajoutez une nouvelle langue à HCL Commerce pour l'utiliser dans les magasins de ressources de votre organisation et dans un magasin de sites étendus.
    - Place de marché pour magasin basé sur React
      HCL Commerce permet à différents fournisseurs de participer à une ou plusieurs places de marché. Ce qui suit fournit une présentation de la place de marché pour les magasins basés sur React. Ici, "Opérateur de la place de marché" fait référence à l'entité qui héberge la place de marché, tandis que "Vendeur de la place de marché" est le fournisseur qui vend les produits sur la place de marché et "Client" fait référence aux acheteurs qui achètent le produit sur la plateforme.
    - Tutoriel sur la liste de présélection
      La liste de présélection est une fonction de commerce électronique qui aide les clients à créer une collection personnalisée de produits qu'ils souhaitent acheter et à les enregistrer dans la page de leur compte.
      - Activation de la fonctionnalité de liste de présélection
        Avant de créer des listes de présélection, activez la fonctionnalité Liste de présélection pour le magasin sélectionné.
      - Ajout d'une nouvelle route pour la liste de présélection
        Une fois que la fonctionnalité de liste de présélection est activée pour vos clients, ajoutez une route pour vos listes de présélection. Pour ajouter une nouvelle route, le composant React est nécessaire. Ce document décrit les étapes à suivre pour importer le composant React lors de l'ajout d'une nouvelle route pour la liste de présélection.
      - Ajout de chaînes d'internationalisation (i18n)
        Ce document fournit des informations sur l'ajout des chaînes i18n, utilisées dans l'affichage des composants de l'interface utilisateur et de la barre snack de messages.
      - 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.
      - Composants Redux, Redux Stock et Redux Store
        Une fois que vous avez généré les widgets d'interface utilisateur, créez les composants de sélecteurs Redux, Redux Saga et Redux Store.
      - Créer un composant wishlist-view
        Après avoir créé les composants Redux et un fichier de données simulé, créez le composant wishlist-view.
        Création d'une vue de liste de présélection
        Pour créer une vue de liste de présélection, suivez les étapes exposées dans ce document.
        Afficher une vue de liste de présélection
        Pour afficher une vue de liste de présélection, suivez les étapes exposées dans ce document.
        Génération d'un composant React wishlist-view
        Pour créer une vue de liste de présélection, suivez les étapes exposées de ce document.
      - Ajouter un bouton "Ajouter à la liste de présélection" dans la version 9.1.8.x
        Ajoutez un bouton dans une page de détails de produit de HCL Commerce version 9.1.8.x afin que les clients puissent ajouter des produits ou des articles à la liste de présélection. Ce bouton ne sera visible que pour les clients connectés. Les utilisateurs invités n'auront pas la possibilité d'ajouter des produits à une liste de présélection.
      - Ajouter un bouton "Ajouter à la liste de présélection" dans la version 9.1.9.0+
        Ajoutez un bouton dans une page de détails de produit de HCL Commerce version 9.1.9.0+ afin que les clients puissent ajouter des produits ou des articles à la liste de présélection. Ce bouton ne sera visible que pour les clients connectés. Les utilisateurs invités n'auront pas la possibilité d'ajouter des produits à une liste de présélection.
      - Déploiement de la personnalisation de liste de présélection sur environnement de production
        Une fois que la fonctionnalité Liste de présélection est activée dans l'environnement Developer Toolkit, vous devez également déployer la fonctionnalité Liste de présélection dans environnement de production. Ce document fournit la procédure pour déployer la personnalisation de la liste de présélection dans l'environnement de production.
    - Ajout à une page de magasin
      Dans ce tutoriel, vous créez une nouvelle page dans votre magasin personnalisé qui capture des informations démographiques supplémentaires sur le client.
    - 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.
    - Ajout de langues à un magasin (Chargement des données)
      Dans ce tutoriel, vous ajoutez la prise en charge de langues supplémentaires dans HCL Commerce.
    - Ajout de la prise en charge d'une langue à un magasin (API REST)
      Dans ce tutoriel, vous ajoutez une nouvelle langue à HCL Commerce pour l'utiliser dans les magasins de ressources de votre organisation et dans un magasin de sites étendus.
    - Ajout de la prise en charge d'une devise à un magasin (API REST)
      Dans ce tutoriel, vous ajoutez une nouvelle devise à HCL Commerce pour l'utiliser dans les magasins de ressources de votre organisation et dans un magasin de sites étendus.
- Exemples
  Les sujets de la catégorie Exemples illustrent différents exemples fournis avec HCL Commerce.
- Conformité
  La section suivante décrit comment vous pouvez tirer parti des fonctions et fonctionnalités d'HCL Commerce pour que votre site soit conforme aux différentes normes de sécurité et de protection de la vie privée.
- Sécurisation
  Ces rubriques décrivent les fonctions de sécurité de HCL Commerce et leur mode de configuration.
- Performances
  Les rubriques de la section Performances décrivent les moyens par lesquels vous pouvez planifier, implémenter, tester et revoir l'optimisation des performances du site HCL Commerce.
- Identification des incidents
  Les rubriques de la section Résolution des problèmes mettent en évidence les problèmes courants rencontrés HCL Commerce et comment ils peuvent être traités ou atténués.
- Référence
  Les rubriques de la section Référence contiennent toute la documentation de référence HCL Commerce.

HCL Commerce Version 9.1.8.0 or later

Créer un composant wishlist-view

Après avoir créé les composants Redux et un fichier de données simulé, créez le composant wishlist-view.

About this task

Suivez les étapes ci-dessous pour créer un composant wishlist-view.

Procedure

Créez un répertoire wish-list sous src/components/pages.
Après avoir créé le répertoire, ouvrez le fichier zip téléchargé. Copiez les fichiers suivants à partir du répertoire wishlisttutorial_sourcecode/src/components/pages/wish-list/ :
- wishlist-view.tsx
- create-wishlist-view.tsx
- display-wishlist-view.tsx
- index.ts
La valeur wishlist-view a deux composants enfant, create-wishlist-view et display-wishlist-view. Les composants de vue individuels utilisent des widgets d'interface utilisateur de liste de présélection de création et d'affichage respectifs.

Les composants de vue contiennent la logique de vue, les fonctions d'utilitaire, les objets de chaîne de traduction, qui seront transmis en tant que propriétés aux composants create-wishlist-widget/display-wishlist-widget.