Intégration · Magento 2 et Adobe Commerce

Générez des photos sur mannequin pour votre catalogue Magento 2 ou Adobe Commerce

Demandez à votre assistant de créer les vues Product page set à partir de vos photos de vêtements. Un adaptateur Commerce authentifié les publie sur les bons SKU.

Mannequin portant une chemise en lin mélangé à col officier, plan de face en pied sur le studio Pure White, généré avec nano-banana-pro via le template Product page set
Photo de face du template Product page set : chemise en lin à col officier sur le studio Pure White, générée avec nano-banana-pro via le MCP Uwear.

Cas d’usage

Que pouvez-vous créer ?

  • Générez les vues catalogue par SKU

    Créez des photos studio de face, du buste et de dos. Associez chaque série au SKU parent ou au SKU enfant de la bonne couleur avant de l’ajouter à la galerie.[3][17]

  • Créez un essayage virtuel en boutique

    Prototypez avec le MCP Uwear, puis utilisez votre backend et l’API Uwear. Choisissez l’extension PWA Studio installée ou le bloc composé product-details pour l’interface client.[33][34][35]

Mannequin portant la même chemise en lin mélangé à col officier, édition caméra de dos en pied sur le studio Pure White, générée avec nano-banana-pro via le template Product page set
Vue de dos du même run Product page set : une édition caméra de la photo de face, qui reprend le mannequin, la lumière et le studio. Générée avec nano-banana-pro via le MCP Uwear.

Workflow avec un assistant

Comment lancer ce workflow depuis votre assistant ?

Intégration proposée, pas une connexion préinstallée. Utilisez Claude Code, Codex ou ChatGPT avec le MCP Uwear et un adaptateur REST Commerce authentifié ; les outils MCP Adobe apportent le contexte de développement.[6]

  • Commerce Developer MCP Server

    Fournit la documentation et le contexte de développement. Les outils étudiés ne documentent pas l’ajout de médias produit par un marchand.[6]

    Outils de développement installables ; aio auth login pour consulter la documentation. Aucun statut GA ou bêta explicite établi.[6]

  • App Builder MCP Server

    Permet de développer, déployer et appeler des actions runtime. L’adaptateur REST Commerce doit être développé sous forme d’action, avec ses propres autorisations Commerce.[6][8][20]

    Outils documentés ; l’adaptateur média reste à développer. Ce n’est pas une connexion Uwear préinstallée.[6][8][20]

  • AEM MCP Server

    Importe et gère les ressources AEM. Si AEM gère les images du catalogue, leur synchronisation dépend de l’association aux produits, des métadonnées et de la validation Commerce.[15][37][38]

    OAuth et droits AEM existants requis. Une écriture dans AEM ne prouve pas à elle seule une écriture dans la galerie Commerce.[15][37][38]

  1. Identifiez le déploiement Commerce

    Confirmez l’édition : Open Source, Commerce traditionnel ou SaaS, et vérifiez si AEM gère les images. Le SaaS utilise IMS ; la compatibilité avec le parcours média REST standard n’est pas établie. Les galeries gérées par AEM suivent le parcours du DAM.[20][22][37]

  2. Connectez les outils et lisez les SKU

    Connectez Commerce Developer MCP Server et le MCP Uwear. Utilisez un adaptateur REST avec un jeton Admin bearer ou une intégration OAuth 1.0a et les droits catalogue. GET /V1/products/{sku} et GET /V1/products/{sku}/media fournissent le contexte produit et galerie.[6][16][20][21]

  3. Validez le brief Product page set

    Chargez Product page set dans le studio Pure White au format 2:3, avec le contrôle IA activé. Vérifiez le coût en crédits avant de lancer la génération. La QA est automatique et désactivable : lorsqu’elle est active, un agent IA compare les résultats aux photos source et relance les résultats signalés.

  4. Ajoutez les images via l’adaptateur

    Convertissez dans un format accepté, encodez les octets en base64 et appelez POST /V1/products/{sku}/media. Définissez label, le nom de fichier et les rôles ; conservez l’identifiant du média avec le SKU.[17][27]

  5. Vérifiez chaque vue boutique

    Relisez la galerie et vérifiez les produits parents et enfants, l’ordre, le cadrage et l’attribut HTML alt. Attendez que les résultats soient disponibles et visibles en boutique avant d’annoncer la fin.[3][16][23][45]

Lancez-le depuis votre assistant

Lancez ce photoshoot depuis votre assistant IA avec un template Uwear.

Connectez le serveur MCP Uwear à ChatGPT, Claude ou Codex et demandez le template Product page set à votre assistant. C’est un workflow par lot qui s’exécute une fois par vêtement : des photos de face, du haut du corps et de dos pour la fiche produit sur fond studio blanc, plus une vidéo à 360 degrés, à partir d’une seule photo de vêtement. Tout compte Uwear peut le charger par son nom, et l’assistant affiche un brief chiffré en crédits avant le début de la génération.

Copiez ce prompt dans votre assistant

Connect Commerce Developer MCP Server for documentation context, the Uwear MCP server and an authenticated Commerce REST adapter in this session. Confirm the Commerce edition and image owner, then read my products and galleries and keep their parent and child SKUs. Load "Product page set" on its Pure White studio setup at 2:3, turn the AI reviewer on, and show me the costed brief in credits before generating. After I approve, download and base64-encode supported image files, propose labels and roles, and deliver through POST /V1/products/{sku}/media under /rest/<store_code>; validate SaaS or AEM delivery separately. Wait for readiness and verify the gallery and storefront alt text before reporting.

Ce qu’un run fait, pour chaque vêtement

  1. Générer la photo de face

    Une photo de face en pied du vêtement sur le mannequin du template, dans la direction artistique Basic white photoshoot, sur le lieu studio Pure White.

  2. Recadrer sur le haut du corps

    Une édition caméra qui recadre le résultat de face en cadrage haut du corps au lieu de générer une nouvelle image ; le recadrage vient donc de la même session que la photo principale.

  3. Passer à la vue de dos

    Une seconde édition caméra du résultat de face vers un cadrage de dos en pied, pour que la fiche produit montre le dos du vêtement dans la même session.

  4. Rendre la rotation à 360°

    Une vidéo Kling 3 Pro de 5 secondes à partir de la photo de face : le mannequin tourne lentement sur 360 degrés, vêtement lisible tout du long.

Résultats par vêtement

  • Photo de face en pied, 2K, 2:3
  • Photo haut du corps de face, 2K, 2:3
  • Photo de dos en pied, 2K, 2:3
  • Vidéo 360 degrés de 5 secondes

La configuration épinglée par le template

Type de template
Workflow par lot : s’exécute une fois par ligne de vêtement
Clé système
demo_full_pdp_test_white_studio
Direction artistique
Basic white photoshoot (direction artistique système)
Lieu
Pure White (lieu studio système)
Mannequin
Le mannequin système Uwear par défaut ; l’assistant peut choisir un de vos mannequins enregistrés au moment de proposer le brief
Modèle image
nano-banana-pro, 2K, 2:3
Modèle vidéo
Kling 3 Pro, 5 secondes
QA
Optionnel. Avec le relecteur IA activé, chaque résultat est comparé à la photo produit source et les résultats signalés sont relancés
Validation
L’assistant affiche un brief chiffré en crédits avant toute génération

Automatisation par API

Comment livrer les résultats par API ?

Pour Magento Open Source et Adobe Commerce traditionnel, utilisez POST /V1/products/{sku}/media sous /rest/<store_code>. Téléchargez le résultat et envoyez entry avec media_type: image, label, position, disabled, types et content : base64_encoded_data, type et name. La réponse contient l’identifiant du média. N’envoyez pas l’URL du résultat comme contenu.[17][20]

  1. Développez une action runtime App Builder

    Placez l’adaptateur média authentifié dans une action runtime App Builder. Mettez les SKU éligibles en file à partir d’un scan planifié ou d’Adobe I/O Events, si disponible. Ne faites pas attendre une sauvegarde produit synchrone pendant la génération.[8][20][36]

  2. Lancez la génération sans assistant

    Envoyez des tâches à l’API REST Uwear et recevez les webhooks de fin, ou consultez leur état. Une Production Automation publiée peut aussi démarrer après le traitement d’un vêtement, l’ajout d’un tag ou la création d’une tenue. Ces déclencheurs sont internes à Uwear ; la publication sur la plateforme nécessite toujours un adaptateur.

  3. Publiez les médias et relisez la galerie

    Téléchargez et encodez les résultats, appelez l’API média Commerce et conservez les identifiants SKU, résultat et média pour éviter les doublons. Relisez la galerie concernée.[16][17]

Exigences de la plateforme

Quelles spécifications d’image appliquer ?

Magento 2 and Adobe Commerce: Quelles spécifications d’image appliquer ?
SpécificationExigence ou recommandation
Formats d’importLe validateur Magento 2.4.8 accepte par défaut image/jpg, image/jpeg, image/gif et image/png. La prise en charge de WebP ou AVIF par défaut n’est pas établie.[27]
Nom de fichierLe guide Admin limite le nom, extension comprise, à 90 caractères. Validez séparément le parcours REST déployé.[4]
Format et fondGardez des proportions cohérentes et vérifiez le cadrage dans le thème. Les documents étudiés n’imposent ni format carré universel ni fond blanc.[5]
Texte alternatif et rôlesUtilisez label pour le texte alternatif, position pour l’ordre et types pour les rôles. Vérifiez le texte alternatif affiché et les vues boutique concernées.[23]
VidéoL’interface standard utilise des liens YouTube ou Vimeo. Prévoyez un hébergement vidéo externe ou un lecteur sur mesure pour le clip 360.[41]

Options existantes

Quels outils d’image IA sont déjà disponibles ?

Fonctions documentées dans les sources liées. Il ne s’agit pas de tests de qualité indépendants.

  • AI Product Studio, Meetanshi Technologies LLP

    Adapté à la génération et à la retouche dans Product Edit, avec enregistrement en galerie et preset Lifestyle Model Try-On. Clé Gemini et frais d’usage séparés requis. Le prix de la licence et les avis n’ont pas été vérifiés ; un total nul sans options sélectionnées ne prouve pas la gratuité.[30]

  • AI Base Image Generator, Webkul Software Private Limited

    Adapté aux photos sur mannequin avec réglages du modèle, directement de l’Admin à la galerie. Le site vendeur affiche US$289 avant les options d’édition, de support et d’installation ; un forfait Gemini payant est requis. Le prix Marketplace et les totaux d’avis restent à vérifier.[32]

Questions fréquentes

Oui, avec le MCP Uwear et un adaptateur REST Commerce développé et authentifié. Les outils MCP Adobe étudiés ne documentent pas d’écriture dans la galerie marchande. Confirmez d’abord l’édition et le système qui gère les images ; le support REST standard ne prouve pas la compatibilité SaaS.[6][17][20][22][37]

Distinguez les SKU parents et enfants. Choisissez le SKU cible pour chaque ajout, réglez les rôles et l’ordre, puis contrôlez ses vues boutique. Une modification du parent ne met pas nécessairement à jour les galeries enfants.[3][17][23]

L’interface vidéo standard de Commerce utilise YouTube ou Vimeo. Prévoyez un hébergement externe ou un lecteur sur mesure ; la compatibilité d’une URL vidéo Uwear brute avec cette interface n’est pas établie.[41]

Aucun module natif de publication Commerce n’est établi ici. Développez une action runtime App Builder ou un autre adaptateur authentifié ; les déclencheurs Uwear lancent la génération, puis l’adaptateur gère le POST média et la vérification.[8][17]

Uwear utilise des crédits à $0.10 par crédit ; les tarifs des modèles sont sur /models. L’assistant affiche un brief chiffré avant la génération. La QA est automatique et désactivable : lorsqu’elle est active, un agent IA compare les résultats aux photos source et relance les résultats signalés.

Générez dans Uwear Studio, téléchargez les photos, puis importez-les dans Commerce Admin avec les textes alternatifs et les rôles, ou utilisez l’import CSV. Si AEM gère les images, suivez son parcours de gestion des ressources.[4][29][37]

Recherche

Sources et dates de consultation

  1. [3]
  2. [4]
  3. [5]
  4. [6]
  5. [8]
  6. [15]
  7. [16]
  8. [17]
  9. [20]
  10. [21]
  11. [22]
  12. [23]
  13. [27]
  14. [29]
  15. [30]
  16. [32]
  17. [33]
  18. [34]
  19. [35]
  20. [36]
  21. [37]
  22. [38]
  23. [41]
  24. [45]

Étape suivante

Connectez votre catalogue à Uwear.

Commencez par un test avec votre assistant, puis créez la livraison par API adaptée à votre catalogue.