Essayage virtuel pour Magento 2 — Intégration de l'API Enterprise Fashion

Pourquoi utiliser TryOnCloud avec Magento 2

• Contrôle total via le fichier XML de mise en page Magento — placez l'essayage n'importe où sur la page du produit
• Compatible avec les thèmes Luma, Hyva et les thèmes Magento personnalisés
• Configuration du panneau d'administration — aucune valeur codée en dur
• Compatible avec le cache de blocs de Magento — le bouton « Essayer » est optimisé pour le cache
• Compatible avec les configurations Magento Commerce B2B et multi-boutiques

Comment configurer TryOnCloud sur Magento 2

Temps d'installation estimé : 2–4 hours. Difficulté : Intermédiaire.

1. 1

   Installez le module Magento via Composer

   Exécutez la commande suivante : composer require tryoncloud/magento2-module. Puis : bin/magento module:enable TryOnCloud_VirtualTryOn && bin/magento setup:upgrade.

2. 2

   Configurer la clé API dans l'interface d'administration de Magento

   Accédez à Boutiques > Configuration > TryOnCloud > Général. Saisissez votre clé API à partir du tableau de bord TryOnCloud. Enregistrez et videz le cache.

3. 3

   Configurer les paramètres d'affichage

   Dans le même panneau de configuration, sélectionnez les ensembles d'attributs pour lesquels l'essayage doit s'afficher (par exemple, Vêtements, Mode). Définissez la position du bouton par rapport au bloc « Ajouter au panier ».

4. 4

   Déployer du contenu statique

   Exécutez : bin/magento setup:static-content:deploy. Cela permet de publier le JavaScript TryOnCloud dans votre répertoire de fichiers statiques.

5. 5

   Tester et vider le cache

   Accédez à une fiche produit dont les attributs ont été configurés. Vérifiez que le bouton « Essayer » s'affiche. Exécutez la commande `bin/magento cache:flush` si les modifications ne sont pas visibles.

Exemple de code

Magento 2 : Appel d'API depuis la classe Block

<?php
namespace TryOnCloud\VirtualTryOn\Block\Product;

use Magento\Framework\View\Element\Template;
use Magento\Framework\HTTP\Client\Curl;

class TryOnButton extends Template
{
    public function __construct(
        Template\Context $context,
        private readonly Curl $curl,
        private readonly \Magento\Framework\App\Config\ScopeConfigInterface $scopeConfig,
        array $data = []
    ) {
        parent::__construct($context, $data);
    }

    public function getApiKey(): string
    {
        return $this->scopeConfig->getValue(
            'tryoncloud/general/api_key',
            \Magento\Store\Model\ScopeInterface::SCOPE_STORE
        );
    }
}

Ce qu'il faut savoir

• ⓘNécessite Magento 2.4.x (version 2.3.x prise en charge moyennant quelques ajustements mineurs)
• ⓘL'installation du module nécessite un accès SSH au serveur
• ⓘIl est recommandé que les développeurs maîtrisent le système XML de mise en page de Magento

Questions fréquemment posées

Autres intégrations