Shopify mit 3D-Objekten in Produkten darstellen

Basierend auf folgenden Shopify-Beiträgen („Displaying products with 3D models“ und folgende…) haben wir heute einige Tests mit sogenannten 3D-Modellen / GLB-Dateien gemacht. Shopify verfährt mit GLB-Dateien genauso wie mit Bilder- und Videos und zeigt diese auch ind er Galerie an.

Voraussetzungen / was Ihr braucht:

  • eine Shopify Webseite
  • eine oder mehrere sogenannte GLB-Dateien, also 3D-Dateien in diesem definieren Format
  • Produkte in Shopify, denen Ihr diese GLB-Dateien zuordnen könnt

Vorgehen:

  • Das Hochladen & Einbinden der GLB-Dateien in die gewünschte Produkte-Medien Galerie funktioniert, wie bei Bildern und Videos, sehr einfach – entweder per Drag&Drop oder via Datei-Auswahl-Upload
  • Eine Sortierung der Dateien ist in derselben Oberfläche machbar wie bei allen Medien-Daten

Ergebnisse

  • Die Verarbeitung der GLB-Datei(en) in dem Shopify CDN dauert etwas länger als bei Bildern – ähnlich wie bei Videodateien – mindestens 30-60 Sekunden je Datei (kann aber auch länger dauern, bei sehr großen Dateien)
  • Das 3D-Objekt (aus der GLB-Datei) präsentiert sich in der Mediengalerie, neben Bildern oder Videos
  • 3D-Objekte lassen sich auch im FullScreen/Bildschirm-Präsentationsmodus anzeigen

Einschränkungen

  • Theoretisch funktioniert die Präsentation von 3D-Objekte auch auf der Startseite, allerdings musst dazu das 3D-Objekt als erstes Bild in der Galerie gelistet sein
  • eine Einbindung von 3D-Objekten auf Einzelseiten (nicht „Produkte“ sondern „Onlineshop“->“Seiten“) hat in unseren Tests nicht funktioniert, auch hier folgenden Updates im Blog ob und wie das ggf. gelingt.
  • das 3D-Objekte lässt sich ggf. nur von unten/oben und nach links/rechts verschieben – zumindest bei den uns vorliegenden Test-Dateien – eine freie Wahl der Achse konnten wir bisher nicht wählen. Weitere Tests folgen.

=> Insgesamt ein sehr erfreuliches Ergebnis, mit erstaunlich wenig Aufwand, für eine sehenswerte Produktpräsentation.
=> Uns ist aktuell kein anderes WebCMS bekannt, welches so einfach 3D-Inhalte präsentieren kann ohne extra Plugins/Apps oder Programmieraufwand