Virtuelle Anprobe für Magento 2 – Integration der Enterprise Fashion API

Warum TryOnCloud mit Magento 2 verwenden

• Volle Kontrolle über das Magento-Layout-XML – Platzieren Sie die Anprobe an beliebiger Stelle auf der Produktseite
• Kompatibel mit Luma, Hyva und benutzerdefinierten Magento-Themes
• Konfiguration des Admin-Panels – keine fest codierten Werte
• Unterstützt den Block-Cache von Magento – der „Anprobieren“-Button ist cachefreundlich
• Kompatibel mit Magento Commerce B2B und Multi-Store-Konfigurationen

So richten Sie TryOnCloud auf Magento 2 ein

Geschätzte Einrichtungszeit: 2–4 hours. Schwierigkeit: Mittel.

1. 1

   Installieren Sie das Magento-Modul über Composer

   Führen Sie folgenden Befehl aus: `composer require tryoncloud/magento2-module`. Anschließend: `bin/magento module:enable TryOnCloud_VirtualTryOn && bin/magento setup:upgrade`.

2. 2

   API-Schlüssel im Magento-Adminbereich konfigurieren

   Gehen Sie zu „Stores“ > „Konfiguration“ > „TryOnCloud“ > „Allgemein“. Geben Sie Ihren API-Schlüssel aus dem TryOnCloud-Dashboard ein. Speichern Sie die Änderungen und leeren Sie den Cache.

3. 3

   Anzeigeeinstellungen konfigurieren

   Wählen Sie im selben Konfigurationsfenster aus, für welche Attributsätze die Anprobe-Funktion angezeigt werden soll (z. B. „Kleidung“, „Bekleidung“). Legen Sie die Position der Schaltfläche relativ zum Block „In den Warenkorb“ fest.

4. 4

   Statische Inhalte bereitstellen

   Führen Sie folgenden Befehl aus: bin/magento setup:static-content:deploy. Dadurch wird das TryOnCloud-JavaScript in Ihrem Verzeichnis für statische Dateien veröffentlicht.

5. 5

   Cache prüfen und leeren

   Rufen Sie ein Produkt mit den konfigurierten Attributen auf. Vergewissern Sie sich, dass die Schaltfläche „Anprobieren“ angezeigt wird. Führen Sie den Befehl „bin/magento cache:flush“ aus, falls die Änderungen nicht sichtbar sind.

Code-Beispiel

Magento 2: API-Aufruf aus einer Block-Klasse

<?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
        );
    }
}

Wissenswert

• ⓘErfordert Magento 2.4.x (2.3.x wird mit geringfügigen Anpassungen unterstützt)
• ⓘFür die Installation des Moduls ist ein SSH-Zugang zum Server erforderlich
• ⓘKenntnisse des Entwicklers im Bereich des Layout-XML-Systems von Magento werden empfohlen

Häufig gestellte Fragen

Weitere Integrationen