Home
Documentación
HCL Commerce es una plataforma de comercio electrónico de alta disponibilidad, muy escalable y personalizable. Con capacidad para dar soporte a cientos de miles de transacciones por día, HCL Commerce le permite hacer negocios con consumidores (B2C) o directamente con empresas (B2B). HCL Commerce utiliza tecnología compatible con la nube para que el desarrollo y la operación sean sencillas y eficaces. Proporciona herramientas de fácil uso para que los usuarios de empresa gestionen de forma centralizada una estrategia entre canales. Los usuarios de empresa pueden crear y gestionar campañas de marketing de precisión, promociones, catálogo y comercialización en todos los canales de ventas. Los usuarios de empresa también pueden utilizar funciones de gestión de contenido habilitadas con inteligencia artificial.
Guías de aprendizaje
HCL Commerce proporciona muchas guías para ayudarle a personalizar y comprender la instancia y las tiendas de HCL Commerce.
Tiendas de inicio
HCL Commerce proporcionan guías de aprendizaje que están diseñadas para presentar las diversas tareas relacionadas con la personalización del escaparate.
Tutorial de la lista de deseos
La lista de deseos es una característica de comercio electrónico que ayuda a los clientes a crear una colección personalizada de productos que quieren comprar, y a guardarlos en la página de su cuenta.
Crear un componente de vista de la lista de deseos
Después de crear los componentes de Redux y un archivo de datos simulado, cree el componente wishlist-view.

Documentación
HCL Commerce es una plataforma de comercio electrónico de alta disponibilidad, muy escalable y personalizable. Con capacidad para dar soporte a cientos de miles de transacciones por día, HCL Commerce le permite hacer negocios con consumidores (B2C) o directamente con empresas (B2B). HCL Commerce utiliza tecnología compatible con la nube para que el desarrollo y la operación sean sencillas y eficaces. Proporciona herramientas de fácil uso para que los usuarios de empresa gestionen de forma centralizada una estrategia entre canales. Los usuarios de empresa pueden crear y gestionar campañas de marketing de precisión, promociones, catálogo y comercialización en todos los canales de ventas. Los usuarios de empresa también pueden utilizar funciones de gestión de contenido habilitadas con inteligencia artificial.
- Cómo empezar
  HCL Commerce ofrece diferentes ventajas a los usuarios de empresa, a los administradores y a los desarrolladores. HCL Commerce está pensado para cada uno de estos roles con un conjunto adaptado de ofertas para que cada uno de los usuarios pueda obtener el máximo beneficio.
- Instalación y despliegue
  Aprenda a instalar y desplegar HCL Commerce development environment y los entorno de producción de HCL Commerce.
- Migración
  Antes de migrar a HCL Commerce Version 9.1, revise esta información que le ayudará a planificar y ejecutar la migración.
- Operación
  Los temas de la categoría operativa resaltan tareas que normalmente realizan los usuarios de empresa, representantes de soporte al cliente, para completar las tareas diarias en el funcionamiento del sitio HCL Commerce.
- Integración
  Los temas de la categoría Integración resaltan las tareas que se llevan a cabo normalmente para utilizar HCL Commerce en combinación con otros productos.
- Administración
  Los temas de la categoría Administración destacan las tareas que normalmente efectúa el Administrador de sitio para soportar las operaciones diarias del sitio de HCL Commerce.
- Personalización
  Los temas de la sección de Personalización describen las tareas realizadas por un desarrollador de aplicaciones para personalización HCL Commerce.
- Guías de aprendizaje
  HCL Commerce proporciona muchas guías para ayudarle a personalizar y comprender la instancia y las tiendas de HCL Commerce.
  - La lógica de inicio de Docker
    HCL Commerce proporciona guías de aprendizaje que están diseñadas para presentar las diversas tareas relacionadas con la personalización del escaparate. Las siguientes guías de aprendizaje proporcionan manuales de ejemplo para definir la lógica personalizada.
  - Modelo de programación
    HCL Commerce proporciona guías de aprendizaje que están diseñadas para presentar las diversas tareas relacionadas con la creación de código personalizado para desarrollar y mejorar aplicaciones de HCL Commerce. Las siguientes guías de aprendizaje proporcionan guías de ejemplo para personalizar elementos del modelo de programación de HCL Commerce.
  - Servicios web
    Las guías de aprendizaje de servicios web presentan las diversas tareas que están relacionadas con la creación y personalización de servicios web para aplicaciones de HCL Commerce.
  - Management Center
    HCL Commerce proporciona guías de aprendizaje que están diseñadas para presentar las diversas tareas relacionadas con la personalización del Management Center.
  - Migración
    HCL Commerce proporciona guías de aprendizaje que están diseñadas para presentar las diversas tareas relacionadas con la migración desde versiones anteriores de WebSphere Commerce. Los siguientes tutoriales proporcionan guías de ejemplo para migrar los sitios de WebSphere Commerce a la versión HCL Commerce versión 9.1.
  - Buscar
    HCL Commerce proporciona guías de aprendizaje que se han diseñado para describir cómo personalizar HCL Commerce Search.
  - Tiendas de inicio
    HCL Commerce proporcionan guías de aprendizaje que están diseñadas para presentar las diversas tareas relacionadas con la personalización del escaparate.
    - Personalizar el escaparate
      En esta guía de aprendizaje, aprenderá a personalizar el escaparate para una tienda personalizada al acortar el URL de tienda y al añadir una vista al escaparate mediante la actualización de la raíz de contexto y añadirá una vista para mostrar el página de inicio.
    - Función de comparación de productos
      La función de comparación de productos le permite comparar artículos de la página de listado de productos (PLP) en forma tabular en una pantalla específica.
    - Uso del compositor de páginas en la tienda React
      Para utilizar el compositor de páginas para tiendas React, debe modificar la base de datos para poder utilizar los datos de las tiendas Aurora en las tiendas React. Aquí, el ejemplo del ID de la tienda AuroraB2B se toma en referencia a las tiendas Sapphire React.
    - Adición de soporte para un idioma a una tienda (API de REST)
      En esta guía de aprendizaje, añada un nuevo idioma a HCL Commerce para utilizarlo en las tiendas con elementos de su organización y una tienda de sitios ampliados.
    - Marketplace para tiendas basadas en React
      HCL Commerce permite que diferentes proveedores participen en uno o más mercados. A continuación se proporciona una visión general de Marketplace para tiendas basadas en React. Aquí el "Operador de marketplace" hace referencia a la entidad que aloja el mercado, "Vendedor de marketplace" es el proveedor que vende los productos en el mercado y "Comprador" hace referencia a los compradores que compran el producto desde la plataforma.
    - Tutorial de la lista de deseos
      La lista de deseos es una característica de comercio electrónico que ayuda a los clientes a crear una colección personalizada de productos que quieren comprar, y a guardarlos en la página de su cuenta.
      - Habilitación de la funcionalidad de lista de deseos
        Antes de crear listas de deseos, habilite la funcionalidad lista de deseos para la tienda seleccionada.
      - Añadir una nueva ruta para una lista de deseos
        Una vez que la funcionalidad de lista de deseos esté habilitada para los clientes, añada una ruta para sus listas de deseos. Para añadir una nueva ruta, es necesario el componente React. En este documento se describen los pasos que deben seguirse para importar el componente react mientras se añade una nueva ruta para la lista de deseos.
      - Añadir series de internacionalización (i18n)
        Este documento proporciona información sobre cómo añadir las series i18n, que se utilizan para visualizar componentes de interfaz de usuario y la barra de mensajes.
      - Desarrollo de widgets de UI de lista de deseos
        Cree fácilmente Crear lista de deseos y Mostrar widget de la lista de deseos.
      - Componentes de Redux, Redux Querux y Redux Store
        Una vez que haya generado los widgets de interfaz de usuario, cree los componentes de selectores de tienda Redux, Redux Saga y Redux.
      - Crear un componente de vista de la lista de deseos
        Después de crear los componentes de Redux y un archivo de datos simulado, cree el componente wishlist-view.
        Creación de una vista de lista de deseos
        Para crear una vista de lista de deseos, siga los pasos que se dan en este documento.
        Mostrar una vista de lista de deseos
        Para mostrar una vista de lista de deseos, siga los pasos que se dan en este documento.
        Creación del componente React de vista de lista de deseos
        Para crear una vista de la lista de deseos, siga los pasos de este documento.
      - Añadir un botón "Añadir a la lista de deseos" en V9.1.8.x
        Añada un botón en una página de detalles del producto a la Versión 9.1.8.x HCL Commerce para que los clientes puedan añadir productos o artículos a la lista de deseos. Este botón será visible solo para los compradores que hayan iniciado sesión. Los usuarios invitados no tendrán una opción para añadir productos a una lista de deseos.
      - Añada un botón "Añadir a la lista de deseos" en V9.1.9.0+
        Añada un botón en una página de detalles del producto HCL Commerce Versión 9.1.9.0+ para que los clientes puedan añadir productos o artículos a la lista de deseos. Este botón será visible solo para los compradores que hayan iniciado sesión. Los usuarios invitados no tendrán una opción para añadir productos a una lista de deseos.
      - Implementación de la personalización de lista de deseos en el entorno de producción
        Una vez que la funcionalidad de lista de deseos está habilitada en el entorno de Developer Toolkit, también debe implementar la funcionalidad lista de deseos en el entorno de producción. Este documento proporciona los pasos para implementar la personalización de la lista de deseos en el entorno de producción.
    - Añadir una página de tienda
      En esta guía de aprendizaje, creará una nueva página en la tienda personalizada que captura información demográfica adicional sobre el cliente.
    - Personalización de widgets Commerce Composer para mostrar información adicional
      En esta guía de aprendizaje, actualizará un widget Commerce Composer para mostrar información adicional.
    - Adición de idiomas a una tienda (carga de datos)
      En esta guía de aprendizaje, añadirá soporte para idiomas adicionales a HCL Commerce.
    - Adición de soporte para un idioma a una tienda (API de REST)
      En esta guía de aprendizaje, añada un nuevo idioma a HCL Commerce para utilizarlo en las tiendas con elementos de su organización y una tienda de sitios ampliados.
    - Añadir soporte para una moneda a una tienda (API DE REST)
      En esta guía de aprendizaje, añadirá una nueva moneda a HCL Commerce para utilizarla en las tiendas con elementos de su organización y una tienda de sitios ampliados.
- Ejemplos
  Los temas de la categoría de ejemplos resaltan las muestras de ejemplo que se proporcionan con HCL Commerce.
- Conformidad
  En la sección siguiente se describe cómo puede sacar provecho de las características y las funciones de HCL Commerce para ayudar al sitio a cumplir con diferentes estándares de privacidad y seguridad.
- Seguridad
  Estos temas describen las características de seguridad de HCL Commerce y cómo configurar dichas características.
- Rendimiento
  Los temas de la sección Rendimiento describen los medios para planificar, implementar, probar y volver a visitar la optimización del rendimiento del sitio de HCL Commerce.
- Solución de problemas
  Los temas de la sección Resolución de problemas señalan cuáles son los problemas comunes que se enfrentan con HCL Commerce y cómo pueden resolverse o mitigarse.
- Referencia
  Los temas de la sección Referencia contienen toda la documentación de referencia HCL Commerce.

HCL Commerce Version 9.1.8.0 or later

Crear un componente de vista de la lista de deseos

Después de crear los componentes de Redux y un archivo de datos simulado, cree el componente wishlist-view.

About this task

Siga los pasos que se indican a continuación para crear un componente wishlist-view.

Procedure

Cree un directorio wish-list bajo src/components/pages.
Después de crear el directorio, abra el archivo zip descargado. Copie los archivos siguientes del directorio wishlisttutorial_sourcecode/src/components/pages/wish-list/:
- wishlist-view.tsx
- create-wishlist-view.tsx
- display-wishlist-view.tsx
- index.ts
wishlist-view tiene dos componentes hijo, create-wishlist-view y display-wishlist-view. Los componentes de vista individuales utilizan widgets de interfaz de usuario para crear y visualizar las respectivas listas de deseos.

Los componentes de vista contienen la lógica de vista, las funciones utiles y los objetos de la serie de traducción, que se pasarán como propiedades a los componentes create-wishlist-widget/display-wishlist-widget.