So installieren Sie den 3D-Viewer von Complete in WooCommerce

Bevor Sie beginnen

Öffnen Sie in Complete Dashboard „Meine Produkte“, wählen Sie das Stück und kopieren Sie den Einbettungscode:

<iframe src="https://www.completemagazine.com.br/ar/PRODUKTCODE" width="100%" height="520" frameborder="0" allow="xr-spatial-tracking; fullscreen; camera" style="border:0;border-radius:12px"></iframe>

Schritt für Schritt

1. 01

   Produkt öffnen

   Gehen Sie im WordPress-Dashboard zu Produkte und öffnen Sie das Produkt, das 3D erhalten soll.

2. 02

   Codeansicht des Editors verwenden

   Wechseln Sie in der Produktbeschreibung vom Tab Visuell zum Tab Text. Im visuellen Modus kann der Editor den Code beim Einfügen verändern.

3. 03

   Code einfügen

   Fügen Sie den Einbettungscode an der Stelle ein, an der der Viewer erscheinen soll. Soll er nahe am Preis stehen, verwenden Sie die kurze Produktbeschreibung, die die meisten Themes neben der Galerie anzeigen.

4. 04

   Aktualisieren und prüfen

   Klicken Sie auf Aktualisieren, öffnen Sie die Produktseite am Computer und auf dem Smartphone und tippen Sie auf die Augmented-Reality-Schaltfläche, um zu prüfen, ob sich die Kamera öffnet.

Die Breite des Codes richtet sich nach der Spalte, in die er eingefügt wird, und die Höhe lässt sich im Code selbst über den Wert von height anpassen. In der Kurzbeschreibung, meist einer schmalen Spalte neben den Fotos, sorgt eine geringere Höhe dafür, dass Preis und Kaufbutton ohne Scrollen sichtbar bleiben.

Die Berechtigung, die den iframe entfernt

WordPress behält iframes in der Beschreibung nur, wenn die Person, die das Produkt speichert, die Berechtigung für ungefiltertes HTML hat. In gewöhnlichen Shops haben Administratoren diese Berechtigung; andere Rollen haben sie unter Umständen nicht, und in Multisite-Installationen ist sie meist eingeschränkt. Fehlt sie, wird der Code beim Speichern ohne Hinweis entfernt: Die Beschreibung kommt ohne Viewer zurück, der übrige Text bleibt unverändert.

In diesem Fall bitten Sie einen Administrator des Shops, den Code einzufügen oder die Berechtigung der Rolle anzupassen, die die Produkte pflegt. Auch Sicherheits-Plugins können iframes filtern. Dann liegt das Problem nicht an der Adresse von Complete, sondern an der allgemeinen Regel des Plugins, die iframes in der Produktbeschreibung zulassen muss.

Für alle Produkte auf einmal

Bei vielen Produkten wird es mühsam, den Code in jede Beschreibung einzufügen. Dann kann die Person, die den Shop entwickelt, ein benutzerdefiniertes Feld am Produkt anlegen, das nur den Code des Stücks speichert, also den Teil nach /ar/, dazu einen Abschnitt im Theme, der den iframe nahe der Galerie aufbaut, sobald das Feld ausgefüllt ist. Adresse, Breite und Berechtigungen müssen dieselben sein wie im Code aus dem Dashboard.

Wenn etwas nicht erscheint

Verschwindet der Viewer nach dem Speichern, ist es die oben beschriebene Berechtigung. Bleibt er leer, prüfen Sie, ob der Code vollständig eingefügt wurde. Lässt sich das Stück drehen, aber Augmented Reality öffnet sich nicht, prüfen Sie das Attribut allow und testen Sie direkt auf dem Smartphone. Cache-Plugins können eine Zeit lang die alte Version der Seite zeigen; leeren Sie den Cache, bevor Sie zu dem Schluss kommen, dass es nicht funktioniert.