Prueba virtual para Magento 2: integración de la API de Enterprise Fashion

Por qué usar TryOnCloud con Magento 2

• Control total mediante el XML de diseño de Magento: prueba de la posición en cualquier lugar de la página del producto
• Compatible con Luma, Hyva y temas personalizados de Magento
• Configuración del panel de administración: sin valores fijos
• Compatible con la caché de bloques de Magento: el botón de prueba se almacena en la caché
• Compatible con configuraciones de Magento Commerce B2B y de múltiples tiendas

Cómo configurar TryOnCloud en Magento 2

Tiempo estimado de configuración: 2–4 hours. Dificultad: Intermedio.

1. 1

   Instala el módulo de Magento a través de Composer

   Ejecuta: composer require tryoncloud/magento2-module. A continuación: bin/magento module:enable TryOnCloud_VirtualTryOn && bin/magento setup:upgrade.

2. 2

   Configurar la clave API en el panel de administración de Magento

   Ve a Tiendas > Configuración > TryOnCloud > General. Introduce tu clave API desde el panel de control de TryOnCloud. Guarda los cambios y vacía la caché.

3. 3

   Configurar los ajustes de pantalla

   En el mismo panel de configuración, selecciona los conjuntos de atributos para los que se mostrará la opción de «probarse» (por ejemplo, «Ropa», «Prendas»). Establece la posición del botón con respecto al bloque «Añadir al carrito».

4. 4

   Publicar contenido estático

   Ejecuta: bin/magento setup:static-content:deploy. Esto publica el código JavaScript de TryOnCloud en tu directorio de archivos estáticos.

5. 5

   Comprobar y vaciar la caché

   Accede a un producto con el conjunto de atributos configurado. Comprueba que aparece el botón «Probar». Ejecuta bin/magento cache:flush si los cambios no se ven.

Ejemplo de código

Magento 2: Llamada a la API desde la clase 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
        );
    }
}

Cosas que debes saber

• ⓘRequiere Magento 2.4.x (compatible con 2.3.x con algunos ajustes menores)
• ⓘLa instalación del módulo requiere acceso SSH al servidor
• ⓘSe recomienda que los desarrolladores estén familiarizados con el sistema XML de maquetación de Magento

Preguntas frecuentes

Otras integraciones