Gestion des images du produit

HCL Commerce permet aux vendeurs de la place de marché de gérer des produits et d'afficher des images de produit dans le magasin Marketplace. Il est recommandé de disposer des images du produit avant de charger le fichier CSV du catalogue pour créer et mettre à jour la liste des produits. Cela permet de prévisualiser les informations complètes sur le produit.

Les images de produit peuvent être gérées et référencées à l'aide de l'une des méthodes suivantes :

Le vendeur de la place de marché héberge des images de produit
Le vendeur de la place de marché peut gérer et héberger les images du produit sur un serveur Web public ou sur des services de stockage, tels que le compartiment de stockage Google ou le compartiment AWS S3. L'URL menant à l'image du produit est déjà connue du vendeur de la place de marché et elle peut référencer une image dans le fichier catalog CSV en ajoutant l'URL complète et en chargeant le fichier catalog CSV. Dans ce scénario, le vendeur de la place de marché doit s'assurer que les images de produit correctes sont référencées dans le fichier catalog CSV avant de charger des images vers HCL Commerce et que les images sont disponibles publiquement sans authentification.
L'opérateur de la place de marché héberge des images de produit dans HCL Commerce pour le compte du vendeur de la place de marché
Si le vendeur de la place de marché ne dispose pas d'un serveur Web pour héberger les images du produit, toutes les images peuvent être transférées à l'opérateur de la place de marché, qui à son tour peut héberger des images dans le magasin HCL Commerce pour le compte du vendeur de la place de marché. Les images du produit peuvent être transférées du vendeur de la place de marché à l'opérateur de la place de marché à l'aide de méthodes telles que OneDrive, Google Drive, Dropbox, serveur FTP, courrier électronique, etc. Une fois les fichiers image reçus, l'opérateur de la place de marché peut déclencher un pipeline CI/CD pour rendre les fichiers image disponibles dans le magasin HCL Commerce. L'opérateur de la place de marché peut ensuite transmettre les chemins d'image au vendeur de la place de marché qui peut référencer les fichiers corrects dans le fichier catalog CSV de produit.
Par exemple, le vendeur A souhaite charger un canapé blanc sur la place de marché. Il y a deux images de ce canapé blanc ; l'une pour la miniature et l'autre pour l'image complète du produit. Le vendeur A souhaite héberger deux images dans le répertoire sellera/furniture/, comme illustré dans l'image ci-dessous. Le vendeur A conserve ces images à l'emplacement sellera/furniture/ au format compressé et envoie le fichier compressé à l'opérateur de la place de marché.
Après avoir reçu des fichiers, l'opérateur de la place de marché les remplacera dans le serveur Web du magasin.
Dans cet exemple, supposons que l'application de magasin basée sur React Marketplace est déployée à l'emplacement /SETUP/app/Emerald dans le conteneur Web du magasin et que le magasin de ressources de catalogue est EmeraldCAS.
- L'opérateur de la place de marché doit déplacer le fichier zip extrait à l'emplacement /SETUP/app/Emerald/EmeraldCAS/images/catalog/. Les deux fichiers se trouvent dans la structure du répertoire /SETUP/app/Emerald/EmeraldCAS/images/catalog/sellera/furniture/, comme suggéré par le vendeur A.
```
[root@1126d5ddd465 furniture]# pwd
/SETUP/app/Emerald/EmeraldCAS/images/catalog/sellera/furniture
[root@1126d5ddd465 furniture]# ls
FUFA_02_1000x1000.jpg  FUFA_02_330x330.jpg
```
- L'opérateur de la place de marché partage l'emplacement du fichier, y compris le préfixe /EmeraldCAS/images/catalog/ de chemin avec le vendeur A. Le vendeur A peut utiliser les chemins de fichier suivants pour référencer le chemin d'image complet dans le fichier catalog CSV :
  - Pour la miniature : /EmeraldCAS/images/catalog/sellera/furniture/FUFA_02_330x330.jpg
  - Pour l'image du produit : /EmeraldCAS/images/catalog/sellera/furniture/FUFA_02_1000x1000.jpg
  - Le contenu du fichier catalog CSV est :
```
PartNumber,Type,ParentPartNumber,CurrencyCode,Price,ListPrice,URL,SEOURL,Name,ShortDescription,LongDescription,Thumbnail,FullImage,Keyword,AuxDescription1,AuxDescription2,Available,AvailabilityDate_LocaleSpecific,Published,Manufacturer,ManufacturerPartNumber,OnSpecial,Buyable,OnAuction,StartDate,EndDate,AvailabilityDate,Field1,Field2,Field3,Field4,ParentGroupIdentifier,Sequence,AttributeIdentifier1,ValueIdentifier1,Value1,AttributeUsage1,AttributeIdentifier2,ValueIdentifier2,Value2,AttributeUsage2,AttributeIdentifier3,ValueIdentifier3,Value3,AttributeUsage3,AttributeIdentifier4,ValueIdentifier4,Value4,AttributeUsage4,AttributeIdentifier5,ValueIdentifier5,Value5,AttributeUsage5,AttributeIdentifier6,ValueIdentifier6,Value6,AttributeUsage6,AttributeIdentifier7,ValueIdentifier7,Value7,AttributeUsage7,AttributeIdentifier8,ValueIdentifier8,Value8,AttributeUsage8,AttributeIdentifier9,ValueIdentifier9,Value9,AttributeUsage9
MPSA_FUFA_02,Product,,USD,550,660,,,Fabric Roll Arm Sofa,This sofa offers plush comfortable seating and clean white coloring.,"This sofa offers plush comfortable seating and clean white coloring. It has roll arms, subtle striping, and matching fabric pillows. Measures 90 in length, 37 in depth, and 38 in height.",/EmeraldCAS/images/catalog/sellera/furniture/FUFA_02_330x330.jpg,/EmeraldCAS/images/catalog/sellera/furniture/FUFA_02_1000x1000.jpg,,,,1,,1,Seller A,,,1,,,,,,,,,LivingRoomFurniture,1,Marketplace,Marketplace,Marketplace,Descriptive,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
MPSA_FUFA_0201,Item,MPSA_FUFA_02,USD,550,660,,,Fabric Roll Arm Sofa,This sofa offers plush comfortable seating and clean white coloring.,"This sofa offers plush comfortable seating and clean white coloring. It has roll arms, subtle striping, and matching fabric pillows. Measures 90 in length, 37 in depth, and 38 in height.",/EmeraldCAS/images/catalog/sellera/furniture/FUFA_02_330x330.jpg,/EmeraldCAS/images/catalog/sellera/furniture/FUFA_02_1000x1000.jpg,,,,1,,1,Seller A,,,1,,,,,,,,,LivingRoomFurniture,1.2,Marketplace,Marketplace,Marketplace,Descriptive,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
```
  - Le vendeur A peut créer une requête de mise à jour de catalogue et charger le fichier mis à jour catalog CSV pour créer le produit et la SKU du canapé blanc. Pour plus d'informations, voir Mise à jour des catalogues.
    Note: Lorsque la requête de mise à jour du catalogue est approuvée, exécutez l'index complet et prévisualisez le magasin. Les informations mises à jour peuvent être prévisualisées dans la vitrine.
L'opérateur de la place de marché héberge les images de produit du vendeur de la place de marché dans son système de gestion de contenu externe
Il s'agit d'une autre méthode pour la deuxième méthode. L'opérateur de la place de marché peut créer et charger les images du produit vers un système de gestion de contenu externe au lieu d'héberger des images dans le magasin de serveur Web. Après avoir hébergé les images, l'opérateur de la place de marché permet aux vendeurs de la place de marché de référencer des images dans le fichier catalog CSV à l'aide d'URL complètes.
Par exemple, si l'opérateur de la place de marché utilise HCL Digital Experience pour gérer les images du produit, tous les fichiers image du produit peuvent être chargés sous les actifs numériques. Pour plus d'informations, voir Gestion des actifs numériques.
Ensuite, une URL personnalisée peut être affectée aux fichiers image pour maintenir la hiérarchie de répertoires définie par le vendeur de la place de marché. A l'aide de l'exemple de la méthode 2, une image miniature est accessible à partir de l'URL de l'image. Par exemple, dans l'URL de l'image https://dx.sbx0086.play.hclsofy.com/dx/api/dam/custom/sellera/furniture/FUFA_02_330x330.jpg, l'URL de base est https://dx.sbx0086.play.hclsofy.com/dx/api/dam/custom et le chemin personnalisé ajouté à l'image est /sellera/furniture/FUFA_02_330x330.jpg .
Après avoir connu le URL de base, le vendeur de la place de marché connaît l'URL complète et met à jour cette URL dans le fichier catalog CSV. Après avoir chargé le fichier catalog CSV mis à jour, le produit peut être prévisualisé et le vendeur de la place de marché peut charger l'image à partir de l'URL spécifiée.