Prova virtuale per Magento 2 — Integrazione dell'API Enterprise Fashion

Perché usare TryOnCloud con Magento 2

• Pieno controllo tramite il file XML del layout di Magento — posiziona la funzione "Prova" in qualsiasi punto della pagina del prodotto
• Funziona con i temi Luma, Hyva e i temi personalizzati di Magento
• Configurazione del pannello di amministrazione — nessun valore predefinito
• Supporta la cache dei blocchi di Magento: il pulsante "Prova" è ottimizzato per la cache
• Compatibile con Magento Commerce B2B e configurazioni multi-negozio

Come configurare TryOnCloud su Magento 2

Tempo di configurazione stimato: 2–4 hours. Difficoltà: Intermedio.

1. 1

   Installa il modulo Magento tramite Composer

   Esegui: composer require tryoncloud/magento2-module. Quindi: bin/magento module:enable TryOnCloud_VirtualTryOn && bin/magento setup:upgrade.

2. 2

   Configurare la chiave API nell'area amministrativa di Magento

   Vai su Negozi > Configurazione > TryOnCloud > Generale. Inserisci la tua chiave API dalla dashboard di TryOnCloud. Salva e svuota la cache.

3. 3

   Configura le impostazioni dello schermo

   Nello stesso pannello di configurazione, seleziona quali gruppi di attributi visualizzare nella funzione di prova (ad es. Abbigliamento, Moda). Imposta la posizione del pulsante rispetto al blocco "Aggiungi al carrello".

4. 4

   Pubblicare contenuti statici

   Esegui: bin/magento setup:static-content:deploy. Questo comando pubblica il codice JavaScript di TryOnCloud nella directory dei file statici.

5. 5

   Verifica e svuota la cache

   Accedi a una pagina di prodotto con gli attributi configurati. Verifica che sia presente il pulsante "Prova". Se le modifiche non sono visibili, esegui il comando `bin/magento cache:flush`.

Esempio di codice

Magento 2: Richiesta API dalla 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
        );
    }
}

Cose da sapere

• ⓘRichiede Magento 2.4.x (la versione 2.3.x è supportata con alcune piccole modifiche)
• ⓘL'installazione del modulo richiede l'accesso SSH al server
• ⓘSi raccomanda agli sviluppatori di avere familiarità con il sistema XML dei layout di Magento

Domande frequenti

Altre integrazioni