Experimentação virtual para Magento 2 — Integração da API Enterprise Fashion

Por que usar TryOnCloud com Magento 2

• Controlo total através do ficheiro XML de layout do Magento — posicione o «experimentar» em qualquer ponto da página do produto
• Funciona com os temas Luma, Hyva e temas personalizados do Magento
• Configuração do painel de administração — sem valores fixos
• Compatível com o cache de blocos do Magento — o botão de experimentar é compatível com o cache
• Compatível com configurações B2B e de lojas múltiplas do Magento Commerce

Como configurar TryOnCloud em Magento 2

Tempo estimado de configuração: 2–4 hours. Dificuldade: Intermédio.

1. 1

   Instale o módulo Magento através do Composer

   Execute: composer require tryoncloud/magento2-module. Em seguida: bin/magento module:enable TryOnCloud_VirtualTryOn && bin/magento setup:upgrade.

2. 2

   Configurar a chave API no painel de administração do Magento

   Vá a Lojas > Configuração > TryOnCloud > Geral. Introduza a sua chave API a partir do painel de controlo do TryOnCloud. Guarde e limpe a cache.

3. 3

   Configurar as definições de visualização

   No mesmo painel de configuração, selecione os conjuntos de atributos para os quais a funcionalidade de experimentar será exibida (por exemplo, Roupa, Vestuário). Defina a posição do botão em relação ao bloco «Adicionar ao carrinho».

4. 4

   Implantar conteúdo estático

   Execute: bin/magento setup:static-content:deploy. Isto publica o JavaScript do TryOnCloud no seu diretório de ficheiros estáticos.

5. 5

   Testar e limpar a cache

   Aceda a um produto com o conjunto de atributos configurado. Verifique se o botão «Experimentar» aparece. Execute bin/magento cache:flush se as alterações não estiverem visíveis.

Exemplo de código

Magento 2: Chamada de API a partir da 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
        );
    }
}

O que deve saber

• ⓘRequer o Magento 2.4.x (a versão 2.3.x é compatível com pequenos ajustes)
• ⓘA instalação do módulo requer acesso SSH ao servidor
• ⓘRecomenda-se que os programadores estejam familiarizados com o sistema de layouts XML do Magento

Perguntas frequentes

Outras integrações